:root{color-scheme:dark;--bg:#08090a;--panel:#141517;--muted:#a0a2ad;--line:#2b2d30;--fg:#f8f8fa;--radius:13px;--accent:#f2f2f4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #b2c5ff;outline-offset:3px}button:disabled{opacity:.45;cursor:default}
.topbar{height:58px;border-bottom:1px solid #202125;background:#0b0c0e;position:sticky;top:0;z-index:50}.top-inner{max-width:1250px;margin:auto;padding:0 22px;height:100%;display:flex;align-items:center;justify-content:flex-end;gap:30px}.top-inner nav{display:flex;gap:29px;height:100%;align-items:stretch}.nav-tab{display:flex;align-items:center;padding:0 3px;border-bottom:3px solid transparent;color:#a9aab3;font-size:14px;font-weight:700;white-space:nowrap}.nav-tab:hover,.nav-tab.active{color:white}.nav-tab.active{border-bottom-color:#f8f8f8}
.hero-cover{width:100%;height:clamp(190px,24vw,420px);overflow:hidden;background:#202023;position:relative}.hero-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.creator-info{max-width:1120px;margin:0 auto;min-height:128px;position:relative;padding:0 23px 21px}.profile-row{display:flex;gap:20px;align-items:flex-end;margin-top:-36px;position:relative;z-index:1}.profile-avatar{height:86px;width:86px;border-radius:50%;border:4px solid var(--bg);background:#232428;overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-text{padding-bottom:4px}.profile-text h1{font-size:26px;margin:0 0 5px;line-height:1.25;letter-spacing:-.5px}.profile-text p{margin:0;color:#aaadba;font-size:13px}.editable-hero{position:absolute;right:17px;bottom:16px}.hero-edit-tip{position:absolute;top:15px;right:20px}
main{max-width:1160px;margin:auto;padding:24px 23px 100px;min-height:470px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0 22px}.section-heading{margin:0;font-weight:760;font-size:24px;letter-spacing:-.5px}.text-muted{color:var(--muted)}.small{font-size:12px}.page-title{font-size:32px;font-weight:800;letter-spacing:-1px;margin:7px 0 10px}.page-sub{margin:0 0 27px;color:#a4a5af;line-height:1.7}.action-row,.edit-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn,.btn-subtle,.btn-icon,.admin-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #45464c;border-radius:999px;min-height:36px;padding:8px 16px;background:#1b1c20;color:#f2f2f4;font-weight:650}.btn:hover,.btn-subtle:hover,.btn-icon:hover,.admin-chip:hover{background:#2b2c30}.btn.primary{background:#f2f2f4;color:#141516;border-color:#f2f2f4}.btn.primary:hover{background:#d9dadd}.btn.danger{color:#ffabab;border-color:#804149}.btn.small,.btn-subtle.small{min-height:29px;font-size:12px;padding:4px 11px}.btn-icon{width:35px;height:35px;padding:0;font-size:19px}.btn-icon.danger{color:#ff9e9e}
.featured{margin-bottom:53px}.featured-link{display:grid;grid-template-columns:minmax(0,43%) 1fr;gap:25px;align-items:center;cursor:pointer}.featured-img{border-radius:13px;aspect-ratio:1.78;overflow:hidden;background:#24252a}.featured-img img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.featured-link:hover .featured-img img,.article-tile:hover img{transform:scale(1.025)}.featured-link h2{font-size:24px;line-height:1.36;margin:0 0 12px}.featured-excerpt{font-size:15px;color:#c0c0c9;line-height:1.65;margin:0 0 15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.article-meta{display:flex;align-items:center;gap:13px;color:#878994;font-size:12px;flex-wrap:wrap}.like-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:2px 4px;color:#92939d;cursor:pointer}.like-btn:hover,.like-btn[aria-pressed="true"]{color:#ff7c92}.like-btn[aria-pressed="true"] svg{fill:rgba(255,124,146,.22)}.like-btn svg{height:17px;width:17px}
.gallery-section{margin:0 0 51px}.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 21px}.gallery-title{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0}.gallery-title img{width:45px;height:45px;object-fit:cover;border-radius:8px;flex-shrink:0}.gallery-title h2{font-size:21px;margin:0 0 3px;letter-spacing:-.35px}.gallery-title span{font-size:12px;color:#858793}.gallery-title:hover h2{text-decoration:underline;text-underline-offset:5px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.article-tile{position:relative;min-width:0}.card-cover{border-radius:9px;overflow:hidden;aspect-ratio:1.78;background:#202125;cursor:pointer}.card-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.article-tile h3{font-size:15px;line-height:1.45;margin:12px 0 5px;font-weight:750;cursor:pointer}.article-tile h3:hover{text-decoration:underline}.article-tile p{font-size:13px;color:#babac3;margin:0 0 10px;line-height:1.45;min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-left:auto}.gallery-controls .btn-icon{width:31px;height:31px}.section-pager{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.page-indicator{font-size:12px;color:#a6a9b3;min-width:34px;text-align:center;font-variant-numeric:tabular-nums}.page-arrow{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #45474f;border-radius:10px;color:#f4f4f7;background:#202126;font-size:26px;line-height:1;padding:0 0 3px}.page-arrow:not(:disabled):hover{background:#393b43;border-color:#777b89}.page-arrow:disabled{opacity:.35}.article-tile .tile-admin{margin-bottom:7px}.empty-state{padding:42px 20px;border:1px dashed #424248;border-radius:14px;text-align:center;background:#101114;color:#b6b8c0}.empty-state h2{font-size:21px;color:#f3f3f5;margin:0 0 8px}.empty-state p{margin:0 0 18px}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.collection-card{display:flex;gap:17px;min-height:182px;border:1px solid #2e2f35;border-radius:13px;padding:19px;background:#0b0c0e;cursor:pointer;position:relative}.collection-card:hover{border-color:#606169;background:#121315}.collection-card img{width:145px;height:145px;object-fit:cover;border-radius:10px;flex-shrink:0}.collection-card h3{font-size:20px;margin:3px 0 11px}.collection-card p{font-size:13px;line-height:1.6;color:#c0c1c9;margin:0 0 15px}.collection-card .count{font-size:12px;color:#888b96}.collection-admin{position:absolute;bottom:12px;right:12px}
.post-list{display:grid;gap:13px}.post-row{display:flex;gap:19px;align-items:center;padding:20px 22px;border:1px solid #303137;border-radius:14px;background:#121316;position:relative}.post-row:hover{border-color:#686971}.post-row-body{flex:1;min-width:0;cursor:pointer}.post-row h3{font-size:18px;margin:7px 0 8px}.post-row p{color:#a8a8b0;font-size:13px;line-height:1.65;margin:0 0 11px}.post-row img{width:150px;height:100px;object-fit:cover;border-radius:9px;cursor:pointer}.tag{background:#24262a;padding:3px 8px;border-radius:20px;font-size:11px;color:#e0e0e4}
.detail-back{display:inline-block;color:#a1a5ae;font-size:13px;margin:0 0 19px}.detail-back:hover{color:white}.detail{max-width:870px;margin:auto}.detail-cover{width:100%;max-height:460px;aspect-ratio:1.8;object-fit:cover;border-radius:14px;margin:0 0 22px;background:#16171c}.detail h1{font-size:31px;letter-spacing:-.7px;line-height:1.4;margin:0 0 14px}.detail-summary{color:#c8c9cf;font-size:16px;line-height:1.85}.detail-body{color:#d5d5dc;font-size:15px;line-height:1.95;margin:26px 0}.body-text{white-space:pre-wrap}.body-figure{margin:22px 0}.body-img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:12px;background:#16171c}.body-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}.related-items{display:grid;gap:12px;margin:25px 0}
.quips-feed{display:grid;gap:19px;max-width:820px}.quip-entry{padding:23px;border:1px solid #333439;border-radius:13px;background:#141518}.quip-entry-header{display:flex;align-items:center;gap:11px;margin-bottom:14px}.quip-entry-header img{height:41px;width:41px;border-radius:50%;object-fit:cover}.quip-entry-header strong{display:block}.quip-entry-header small{font-size:11px;color:#9495a1}.quip-entry p{font-size:15px;line-height:1.85;color:#e3e3e8;white-space:pre-wrap}.quip-entry .quip-image{max-width:100%;max-height:520px;object-fit:contain;border-radius:10px;margin:8px 0}.admin-action{display:flex;gap:7px;flex-wrap:wrap}.admin-btn{font-size:12px;padding:5px 11px;min-height:29px;border:1px solid #687084;border-radius:99px;background:#272930;color:#f1f1f3;cursor:pointer}.admin-btn:hover{background:#3e4049}.admin-btn.danger{border-color:#8a4449;color:#ffb5b5}.add-row{border:1px dashed #50545b;border-radius:13px;text-align:center;padding:18px;margin-top:19px}.add-row button{min-width:180px}
.owner-toolbar{position:sticky;top:58px;z-index:40;background:#202127;border-bottom:1px solid #42454a;padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.owner-toolbar[hidden]{display:none}.owner-toolbar strong{font-size:12px;color:#f8f8fa}.owner-toolbar span{color:#bcc0c7;font-size:12px}.editing-hint{color:#8cd6bd!important}.editing-surface{outline:1px dashed transparent;outline-offset:6px;transition:outline .2s}.editing-surface:hover{outline-color:#62758f}.admin-watermark{font-size:11px;color:#acd2f6}.admin-badge{margin-left:auto}.editing-enabled .editable{cursor:pointer}.editing-enabled .editable:hover{outline:2px dashed #748cac;outline-offset:4px}
.footer{border-top:1px solid #29292d;background:#0c0d0f;padding:34px 24px;color:#8d8e98}.footer-links{max-width:1120px;margin:0 auto 25px;display:flex;gap:20px;flex-wrap:wrap}.footer-links a:hover{color:white}.footer-bottom{max-width:1120px;margin:auto;display:flex;align-items:center;gap:15px;font-size:12px;flex-wrap:wrap}.footer-admin{background:transparent;color:#a0a0a6;font-size:12px;border:0;text-decoration:underline;text-underline-offset:3px;margin-left:auto}
.dialog-overlay{position:fixed;inset:0;z-index:100;background:#000b;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.dialog{background:#191a1e;border:1px solid #46474c;border-radius:17px;padding:28px;width:min(100%,630px);max-height:92vh;overflow-y:auto;box-shadow:0 18px 90px #000c}.dialog.small{max-width:420px}.dialog-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.dialog-heading h2{font-size:22px;margin:0}.dialog-close{border:0;background:none;color:#eee;font-size:24px;cursor:pointer}.dialog p.help{font-size:12px;color:#aeb0b9;line-height:1.75}.field{display:block;margin-bottom:17px}.field>span{display:block;color:#d5d6df;font-weight:660;margin-bottom:7px;font-size:13px}.field input:not([type=checkbox]),.field textarea,.field select{width:100%;background:#0e0f11;border:1px solid #44454b;color:#fafafa;border-radius:9px;min-height:40px;padding:10px 12px;outline:none}.field textarea{min-height:95px;resize:vertical}.field textarea.long{min-height:170px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#bbc6e4}.field.checkbox{display:flex;gap:9px;align-items:center}.field.checkbox span{margin:0}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap}.image-picker img{width:100%;max-width:220px;max-height:130px;object-fit:cover;display:block;margin:7px 0;border-radius:8px}.image-picker input[type=file]{width:100%;color:#aaa}.grid-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.form-feedback{color:#ffaaaa;font-size:13px;min-height:17px;margin-top:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,100px);opacity:0;pointer-events:none;background:#e7e7ea;color:#111;padding:12px 19px;border-radius:9px;transition:.22s;z-index:150}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:850px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-card img{width:110px;height:110px}.collection-card{min-height:150px}.creator-info{padding-bottom:15px}}
@media(max-width:620px){.topbar{height:auto;min-height:58px}.top-inner{padding:8px 13px;gap:12px;align-items:center}.top-inner nav{width:100%;justify-content:flex-end;gap:26px;height:42px}.nav-tab{font-size:13px;padding:4px 2px}.hero-cover{height:clamp(160px,48vw,250px)}.creator-info{padding:0 16px 20px}.profile-row{margin-top:-23px;gap:12px}.profile-avatar{height:65px;width:65px}.profile-text h1{font-size:21px}.profile-text p{font-size:11px}main{padding:18px 15px 70px}.section-heading{font-size:21px}.featured-link{display:block}.featured-img{margin:0 0 15px}.featured-link h2{font-size:20px}.featured-excerpt{font-size:14px}.gallery-grid,.gallery-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-title img{width:38px;height:38px}.gallery-title h2{font-size:17px}.gallery-section{margin-bottom:34px}.article-tile h3{font-size:13px}.article-tile p{font-size:11px}.article-meta{font-size:11px;gap:7px}.collection-grid{grid-template-columns:1fr}.collection-card img{width:110px;height:110px}.collection-card h3{font-size:17px}.owner-toolbar{top:0;justify-content:flex-start}.post-row{padding:14px}.post-row img{width:94px;height:85px}.post-row h3{font-size:15px}.dialog{padding:20px}.grid-fields{grid-template-columns:1fr}.detail h1{font-size:24px}}
@media(max-width:350px){.gallery-grid,.gallery-grid.two{grid-template-columns:1fr}}

/* v4 – heading call-to-action and real Feishu contact QR dialog */
.profile-text{min-width:0}
/* Place the Feishu row beneath the title/subtitle, entirely in the dark profile area. */
.feishu-join{display:flex;align-items:center;gap:10px;margin-top:15px;color:#e6e7eb;font-size:15px;line-height:1.5;flex-wrap:wrap}
.feishu-trigger{border:1px solid transparent;border-radius:10px;background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:2px;flex:0 0 auto;transition:background .15s,border-color .15s}
.feishu-trigger img{width:34px;height:34px;object-fit:contain;display:block}
.feishu-trigger:hover{background:#1d2026;border-color:#424652}
.feishu-dialog{background:white;color:#14171d;width:min(100%,480px);max-height:90vh;overflow-y:auto;border-radius:18px;padding:20px 22px 25px;position:relative;box-shadow:0 20px 70px #000b;text-align:center}
.feishu-dialog h2{font-size:23px;font-weight:750;margin:7px 40px 9px}
.feishu-close{position:absolute;top:10px;right:12px;background:transparent;border:0;color:#616775;font-size:30px;padding:3px 9px;line-height:1.2}
.feishu-qr-img{width:100%;max-width:355px;height:auto;display:block;margin:auto;object-fit:contain}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:#f2f2f4;font-weight:750;font-size:15px;letter-spacing:-.2px}.brand img{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block}.brand:hover span{text-decoration:underline;text-underline-offset:4px}.top-inner .brand{margin-right:auto}@media(max-width:640px){.brand span{display:none}.top-inner nav{width:auto;flex:1}}
@media(max-width:650px){.feishu-join{margin-top:12px;gap:7px;font-size:12px}.feishu-trigger img{width:30px;height:30px}.feishu-dialog{padding:14px 10px 18px}}