:root{--bg:#ffffff;--bg-2:#f7f8f8;--ink:#4e5f70;--muted:#6d7d8c;--faint:#8b98a5;--line:#e4e7ea;--cyan:#1dbb81;--blue:#1dbb81;--violet:#ff9d43;--paper:#1dbb81;--danger:#e75845;--ok:#1dbb81;--shadow:0 10px 28px rgba(22,33,33,0.08);--serif:var(--font-sans),"Microsoft YaHei","PingFang SC",sans-serif;--sans:var(--font-sans),"Microsoft YaHei","PingFang SC",sans-serif;--latin:var(--font-outfit),"Microsoft YaHei",sans-serif;--nav:#999999;--footer:#162121}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:var(--bg);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit}img{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--sans);font-weight:700;letter-spacing:0;line-height:1.25;color:#3d4c5c}p{margin:0}.skip{position:absolute;left:16px;top:12px;transform:translateY(-160%);background:var(--paper);color:#111;padding:8px 12px;z-index:6}.skip:focus{transform:none}.shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.wrap{width:min(1200px,calc(100% - 40px));margin:0 auto}main{flex:1 1;padding-bottom:72px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:4;background:#fff;border-bottom:1px solid var(--line)}.header-inner{width:min(1200px,calc(100% - 32px));margin:0 auto;min-height:83px;gap:12px}.header-inner,.logo{display:flex;align-items:center}.logo{flex:none}.logo img{height:72px;width:auto;object-fit:contain}.desktop-nav{display:flex;flex:1 1;height:64px;background:var(--nav)}.desktop-nav a,.menu-panel a{color:#fff;text-decoration:none;font-size:18px;font-weight:700}.desktop-nav a{flex:1 1;display:flex;align-items:center;justify-content:center;border-bottom:4px solid transparent}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--cyan);border-bottom-color:var(--cyan)}.menu-panel a{color:#4a4a4a;font-size:16px;font-weight:700}.menu-panel a[aria-current=page]{color:var(--cyan)}.header-tools{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}.lang{display:flex;gap:8px;font-size:13px}.lang a{color:#999;text-decoration:none}.lang a[aria-current=true]{color:var(--cyan)}.account-link{text-decoration:none;border:1px solid var(--line);border-radius:4px;padding:6px 12px;font-size:14px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-login{position:relative}.header-login summary,.header-login.signed a,.header-login.signed button{list-style:none;cursor:pointer;border:1px solid var(--cyan);background:#fff;color:var(--cyan);border-radius:4px;padding:6px 14px;font-weight:700;text-decoration:none}.header-login summary::-webkit-details-marker{display:none}.header-login form{position:absolute;right:0;top:calc(100% + 8px);width:280px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:14px;z-index:6}.header-login.signed{display:flex;align-items:center;gap:8px}.header-login.signed button{background:transparent}.menu{display:none}.menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:4px;padding:6px 12px}.menu summary::-webkit-details-marker{display:none}.menu-panel{position:absolute;right:16px;top:72px;background:#fff;border:1px solid var(--line);padding:14px;display:grid;grid-gap:10px;gap:10px;min-width:180px;box-shadow:var(--shadow)}.kicker{margin:0 0 8px;color:var(--cyan);font-size:14px;font-weight:700}.lede{color:var(--muted);max-width:62ch}.home-banner{background:#f3f4f5}.home-banner a{display:block}.home-banner img{width:100%;height:375px;object-fit:cover}.intro{padding:48px 0 8px;text-align:center}.intro h1{font-size:36px;margin:0 0 12px}.intro .lede{margin:0 auto}.intro .hero-actions{justify-content:center}.hero-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.ticket{background:#fff;border:1px solid var(--line);border-radius:4px;padding:22px;box-shadow:var(--shadow)}.ticket-rule{height:3px;margin:-22px -22px 18px;background:var(--cyan)}.ticket h2{margin:0 0 6px;font-size:28px}.form-note,.ticket .note{color:var(--faint);font-size:14px;margin:8px 0 14px}.form{display:grid;grid-gap:12px;gap:12px}.form label{display:grid;grid-gap:6px;gap:6px;font-size:14px;color:var(--muted)}.form input,.form textarea{width:100%;border:1px solid #d7d7d7;background:#fff;border-radius:4px;padding:10px 12px;outline:none;color:#3d4c5c}.form textarea{min-height:140px;resize:vertical}.form input:focus,.form textarea:focus{border-color:rgba(126,231,255,.7)}.row-links{display:flex;justify-content:space-between;gap:12px;font-size:14px}.row-links a{color:var(--cyan)}.signed{display:grid;grid-gap:8px;gap:8px}.signed strong{font-size:22px}.signed span{color:var(--muted)}.btn,button.btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border-radius:4px;padding:10px 18px;border:1px solid transparent;background:var(--cyan);color:#fff;cursor:pointer;font-weight:700}.btn.secondary{background:#fff;color:var(--cyan);border-color:var(--cyan)}.btn.full{width:100%}.btn:disabled{opacity:.6;cursor:wait}.alert{color:var(--danger)}.alert,.ok{font-size:14px}.ok{color:var(--ok)}.dev-link{word-break:break-all;color:var(--cyan);font-size:14px}.hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.stats div{padding:22px 8px}.stats strong{display:block;font-size:32px;color:var(--cyan)}.stats span{color:var(--muted);font-size:14px}.section{padding:56px 0 0}.section .kicker,.section h2{text-align:center}.section h2{font-size:30px;margin:0 0 16px}.lanes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.lane{display:flex;flex-direction:column;gap:10px;min-height:180px;padding:22px;text-decoration:none;border:1px solid var(--line);border-radius:4px;background:#fff}.lane:hover{border-color:var(--cyan)}.lane em{font-style:normal;font-family:var(--latin);color:var(--cyan);letter-spacing:.12em}.lane h3{margin:0;font-size:28px}.lane p{color:var(--muted)}.works{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.work-card{text-decoration:none;display:grid;grid-gap:10px;gap:10px}.cover{position:relative;aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:#f3f4f5;border:1px solid var(--line)}.cover img{width:100%;height:100%;object-fit:cover}.cover-stat{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:4px 10px;border-radius:4px;background:rgba(255,255,255,.92);border:1px solid var(--line);color:#3d4c5c;font-size:13px;line-height:1.4}.titlecard{display:flex;flex-direction:column;justify-content:flex-end;padding:16px;gap:6px}.titlecard span{font-family:var(--latin);color:var(--cyan);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.titlecard strong{font-size:22px;line-height:1.25;color:#3d4c5c}.titlecard-stat{font-style:normal;color:var(--ink);font-size:13px}.tone-0{background:#e7f8f1}.tone-1{background:#fff3e8}.tone-2{background:#eef3f6}.tone-3{background:#fff6f4}.tone-4{background:#f3f7f4}.tone-5{background:#f7f4fb}.work-meta h3{margin:0;font-size:22px}.work-meta p{color:var(--muted);font-size:15px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{border:1px solid var(--line);border-radius:4px;padding:4px 10px;color:var(--muted);font-size:13px;text-decoration:none;background:#fff}.page-head{padding:42px 0 8px;text-align:center}.page-head h1{font-size:36px;margin:0 0 12px}.page-head .lede,.page-head .stack{margin-left:auto;margin-right:auto}.stack{display:grid;grid-gap:14px;gap:14px;max-width:72ch}.stack p{color:var(--muted)}.facts{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:28px}.channel,.facts div,.step{border:1px solid var(--line);border-radius:4px;padding:18px;background:#fff}.channels,.steps{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.channel{color:inherit;text-decoration:none}.channel:hover{border-color:var(--cyan)}.channel h3,.step h3{margin:0 0 8px;font-size:24px}.channel p,.step p{color:var(--muted)}.detail-copy a{color:var(--cyan)}.detail-copy a.btn{color:#fff}.detail-copy a.btn.secondary{color:var(--cyan)}.banner{margin:28px 0;border-radius:4px;overflow:hidden;border:1px solid var(--line)}.banner figcaption{color:var(--faint);font-size:14px;padding:10px 4px 0}.detail{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:28px;gap:28px;padding-top:36px}.detail h1{font-size:36px;margin:0 0 12px}.detail-copy{display:grid;align-content:flex-start;grid-gap:14px;gap:14px}.band{margin-top:56px;padding:28px;border-radius:4px;background:#f7f8f8;border:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.band h2{margin:0 0 8px;font-size:28px;text-align:left}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:28px;gap:28px;align-items:flex-start}.contact-card{display:grid;grid-gap:14px;gap:14px}.contact-card a{color:var(--cyan)}.contact-card span{display:block;color:var(--faint);font-size:13px}.site-footer{background:var(--footer);padding:28px 0 36px;color:#d5d8d8}.site-footer a,.site-footer strong{color:#fff}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;align-items:flex-start}@media (max-width:900px){.channels,.contact-grid,.detail,.facts,.lanes,.stats,.steps,.works{grid-template-columns:1fr}.desktop-nav{display:none}.menu{display:block}.band{flex-direction:column;align-items:flex-start}.home-banner img{height:210px}.detail h1,.intro h1,.page-head h1,.reader h1{font-size:28px}.logo img{height:56px}}.admin-bar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 18px;background:#fff;border-bottom:1px solid var(--line)}.admin-links{display:flex;flex:1 1;flex-wrap:wrap;gap:8px 14px}.admin-links a{color:var(--muted);text-decoration:none;font-size:14px}.admin-links a[aria-current=page]{color:var(--cyan)}.admin-bar form{flex:none}.admin-bar .btn{padding:6px 12px;white-space:nowrap}.admin-main{width:min(980px,calc(100% - 32px));margin:0 auto;padding:28px 0 80px}.admin-main h1{margin:0 0 8px;font-size:36px}.admin-main h2{margin:0;font-size:24px}.admin-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:8px 0 14px}.admin-card{margin-top:14px}.admin-actions,.admin-card,.admin-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-card,.admin-grid{display:grid;align-items:stretch}.pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.checks{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}.form .checks label,.form label.check-line{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;width:auto;color:var(--ink);white-space:nowrap}.form label.check-line{align-self:end;min-height:46px}.form input[type=checkbox]{width:16px;height:16px;flex:none;justify-self:start;padding:0;accent-color:var(--cyan)}.form select{width:100%;border:1px solid var(--line);background:#fff;border-radius:4px;padding:12px 14px;color:#3d4c5c}.btn.danger{background:transparent;color:var(--danger);border-color:rgba(255,180,168,.5)}.thumb{width:180px;height:100px;object-fit:cover;border-radius:10px;background:#111}.logo-thumb{width:auto;height:88px;object-fit:contain}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.admin-counts{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.admin-counts a{text-decoration:none;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.table-wrap{overflow-x:auto}table.admin{width:100%;border-collapse:collapse}table.admin td,table.admin th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px}table.admin a{color:var(--cyan)}.note{color:var(--faint);font-size:14px}.admin-card p.message{white-space:pre-wrap}.reader{width:min(760px,100%);margin:28px auto 0}.reader .kicker,.reader h1{text-align:center}.reader-body{white-space:pre-wrap;color:var(--ink);line-height:1.9}.reader-pages{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.reader-pages img{width:100%;height:auto;background:#fff}.chapter-nav{display:flex;justify-content:space-between;gap:12px;margin:28px 0 12px}.chapter-list a,.chapter-nav a,.inline-link{color:var(--cyan)}.chapter-list{padding-left:1.2em}.paywall{border:1px solid var(--line);border-radius:4px;padding:18px;background:#fff;display:grid;grid-gap:12px;gap:12px}.chapter-pages{display:flex;flex-wrap:wrap;gap:8px}table.admin .admin-actions input{width:72px;padding:8px}@media (max-width:800px){.pair{grid-template-columns:1fr}}