/* Huangdou short-drama content site */
:root{
    --gold:#D9A21B;--gold-soft:#F1C96A;--ink:#2B261D;--bg:#FFFDF7;--bg-alt:#F7F1E3;
    --text:#302D28;--muted:#756F64;--accent:#E9673F;--line:#E5DBC6;--paper:#fffaf0;
    --radius:22px;--small-radius:13px;--shadow:0 18px 48px rgba(43,38,29,.09);
    --max:1180px;--wide:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;line-height:1.75;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:rgba(233,103,63,.45);text-underline-offset:.2em}
a:hover{color:var(--accent)}
button,input{font:inherit}
button{cursor:pointer}
.skip-link{position:fixed;left:1rem;top:-100px;z-index:1000;background:var(--ink);color:#fff;padding:.75rem 1rem;border-radius:10px}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,247,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,219,198,.9)}
.header-inner{max-width:var(--wide);margin:auto;min-height:78px;padding:0 28px;display:flex;align-items:center;gap:28px}
.brand-lockup{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}.brand-lockup img{width:48px;height:48px;object-fit:contain;border-radius:12px}.brand-lockup span{display:grid;line-height:1.2}.brand-lockup strong{font-size:1.12rem;color:var(--ink)}.brand-lockup small{margin-top:6px;color:var(--muted);font-size:.78rem}
.main-nav{display:flex;align-items:center;gap:4px}.main-nav>a,.nav-search{border:0;background:transparent;text-decoration:none;padding:10px 12px;border-radius:10px;color:var(--ink);font-weight:650;font-size:.94rem}.main-nav>a:hover,.nav-search:hover{background:var(--bg-alt);color:var(--accent)}
.menu-toggle{display:none;border:1px solid var(--line);background:var(--bg);padding:9px 13px;border-radius:10px}
.search-modal[hidden]{display:none!important}.search-modal{position:fixed;inset:0;background:rgba(43,38,29,.56);z-index:100;display:grid;place-items:start center;padding:14vh 20px 20px}.search-dialog{position:relative;width:min(720px,100%);background:var(--bg);border-radius:24px;padding:32px;box-shadow:var(--shadow)}.search-close{position:absolute;right:20px;top:16px;border:0;background:transparent;font-size:2rem;color:var(--muted)}
.search-form label{display:block;font-weight:700;margin-bottom:8px}.search-row{display:flex;gap:10px}.search-row input{flex:1;min-width:0;border:1px solid var(--line);background:#fff;padding:13px 15px;border-radius:12px;color:var(--text)}.search-row input:focus{outline:3px solid rgba(217,162,27,.18);border-color:var(--gold)}
.eyebrow{margin:0 0 8px;color:#8B6511;font-weight:800;letter-spacing:.08em;font-size:.78rem;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:11px 17px;font-weight:800;border:1px solid transparent;transition:.2s ease}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:#d95732;color:#fff}.button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.button.secondary:hover{border-color:var(--gold);background:var(--paper);color:var(--ink)}.button.light{background:#fff;color:var(--ink)}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.text-link{font-weight:700}.text-link.strong{font-size:1.02rem}
.home-intro{max-width:var(--wide);margin:0 auto;padding:72px 28px 54px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:52px;align-items:center}.intro-copy h1{font-size:clamp(2.35rem,5vw,4.9rem);line-height:1.06;letter-spacing:-.045em;margin:0;color:var(--ink);max-width:860px}.hero-lead{font-size:1.08rem;color:var(--muted);max-width:760px}.intro-media{margin:0;position:relative}.intro-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:44px 14px 44px 14px;box-shadow:var(--shadow)}.intro-media figcaption{margin-top:10px;color:var(--muted);font-size:.88rem}.hero-index{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}.hero-index div{padding:10px 14px;border-left:3px solid var(--gold);background:var(--paper)}.hero-index dt{font-size:.76rem;color:var(--muted)}.hero-index dd{margin:2px 0 0;font-weight:800;color:var(--ink)}
.section-wrap{max-width:var(--max);margin:0 auto;padding:64px 28px}.section-wrap.wide{max-width:var(--wide)}.section-heading{margin-bottom:30px}.section-heading h2,.section-wrap h2,.content-section h2{color:var(--ink);letter-spacing:-.02em;line-height:1.25}.section-heading h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:0 0 12px}.section-heading p{color:var(--muted);max-width:760px}.section-heading.compact{max-width:780px}.section-heading.split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end}.section-heading.split>p{margin-bottom:4px}
.entry-ledger{display:grid;grid-template-columns:.75fr 1.25fr;gap:56px}.ledger-list{border-top:1px solid var(--line)}.ledger-list article{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}.ledger-number{font-size:.82rem;color:var(--muted);font-weight:800;padding-top:5px}.ledger-list h3{margin:0 0 6px;font-size:1.22rem}.ledger-list h3 a{text-decoration:none}.ledger-list p{margin:0;color:var(--muted)}
.dense-editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.article-teaser{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.25)}.article-teaser h3{margin:8px 0 10px;font-size:1.1rem;line-height:1.5}.article-teaser h3 a{text-decoration:none}.article-teaser p{margin:0 0 14px;color:var(--muted)}.teaser-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:.76rem}.teaser-meta span{color:#7a570b;background:#f8e7ad;padding:2px 7px;border-radius:999px}.section-actions{margin-top:24px}
.topic-ribbon{display:grid;grid-template-columns:1.15fr .9fr auto;gap:28px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic-ribbon figure{margin:0}.topic-ribbon img{border-radius:18px;aspect-ratio:1.7/1;object-fit:cover}.topic-ribbon h2{font-size:2rem;margin:0 0 10px}.topic-ribbon p{color:var(--muted)}
.genre-columns{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.genre-columns a{padding:22px;text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:130px;display:flex;flex-direction:column;justify-content:space-between}.genre-columns strong{font-size:1.12rem;color:var(--ink)}.genre-columns span{color:var(--muted);font-size:.9rem}.genre-columns a:hover{background:var(--paper)}
.alt-bg{background:var(--bg-alt)}.follow-strip{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;max-width:none;padding-left:max(28px,calc((100% - var(--max))/2 + 28px));padding-right:max(28px,calc((100% - var(--max))/2 + 28px))}.follow-copy{max-width:520px}.follow-copy h2{font-size:2.2rem}.mini-feed{display:grid}.mini-feed a{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid #dfd1b4;text-decoration:none}.mini-feed span{font-size:.78rem;color:var(--muted)}.mini-feed strong{line-height:1.4}
.app-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.app-band figure{margin:0}.app-band img{border-radius:28px;aspect-ratio:1.25/1;object-fit:cover}.app-band h2{font-size:2.15rem;margin:0 0 12px}.app-band p{color:var(--muted)}
.dark-section{max-width:none;background:var(--ink);color:#eee3d1;display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;padding-left:max(28px,calc((100% - var(--max))/2 + 28px));padding-right:max(28px,calc((100% - var(--max))/2 + 28px))}.dark-section h2{color:#fff;font-size:2.2rem}.dark-section .eyebrow{color:var(--gold-soft)}.dark-list{border-top:1px solid rgba(255,255,255,.18)}.dark-list a{display:grid;gap:6px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18);text-decoration:none}.dark-list a:hover{color:#fff}.dark-list span{color:#c6bda9;font-size:.9rem}
.remix-note{display:grid;grid-template-columns:54px 1fr .8fr;gap:30px;align-items:center}.vertical-label{writing-mode:vertical-rl;letter-spacing:.15em;color:#8b6511;font-weight:800;font-size:.76rem}.remix-note h2{font-size:2rem}.remix-note figure{margin:0}.remix-note img{border-radius:16px;aspect-ratio:1.55/1;object-fit:cover}
.guide-steps ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0 0 26px;list-style:none;border-top:1px solid var(--line);border-left:1px solid var(--line)}.guide-steps li{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-steps li strong{color:var(--ink)}.guide-steps li p{color:var(--muted);margin-bottom:0}
.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{list-style:none;cursor:pointer;font-weight:800;color:var(--ink);padding:18px 38px 18px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;top:16px;font-size:1.4rem;color:var(--gold)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0 0 20px;color:var(--muted);max-width:900px}.compact-faq{max-width:900px}.full-faq{max-width:980px;margin:auto}
.closing-map{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.closing-map nav{display:flex;flex-wrap:wrap;gap:10px}.closing-map nav a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none}.closing-map nav a:hover{background:var(--paper);border-color:var(--gold)}
.page-shell{max-width:var(--max);margin:auto;padding:24px 28px 72px}.breadcrumbs{font-size:.84rem;color:var(--muted);padding:6px 0 20px}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:6px;color:#b3a894}.breadcrumbs a{text-decoration:none}
.page-header{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:42px 0 54px}.page-header h1{font-size:clamp(2.2rem,4.6vw,4.4rem);line-height:1.08;letter-spacing:-.04em;margin:0;color:var(--ink)}.page-lead{font-size:1.05rem;color:var(--muted);max-width:780px}.page-visual{margin:0}.page-visual img{width:100%;aspect-ratio:1.6/1;object-fit:cover;border-radius:30px}.content-section{padding:52px 0}.inset-section{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px))}.content-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;padding:30px 0 50px}.content-intro-grid h2{font-size:2rem}.content-intro-grid p{color:var(--muted)}.note-box{background:var(--paper);border-left:4px solid var(--gold);padding:24px}.note-box h2{font-size:1.2rem;margin-top:0}.note-box ul,.note-box ol{padding-left:1.2rem}.note-box dl{margin:0}.note-box dl div{padding:8px 0;border-bottom:1px solid var(--line)}.note-box dt{font-weight:800}.note-box dd{margin:3px 0;color:var(--muted)}
.article-list{display:grid;gap:0;border-top:1px solid var(--line)}.article-list.two-column{grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line)}.scene-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.topic-bridge{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;align-items:center}.topic-bridge>div:first-child{max-width:760px}.topic-bridge p{color:var(--muted)}
.topic-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-matrix a{min-height:180px;background:var(--paper);padding:24px;border-radius:16px;text-decoration:none;display:flex;flex-direction:column}.topic-matrix span{color:var(--muted);font-size:.75rem}.topic-matrix strong{font-size:1.3rem;margin-top:auto}.topic-matrix p{margin:6px 0 0;color:var(--muted)}.split-promos{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split-promos article{display:grid;grid-template-columns:160px 1fr;gap:20px;border:1px solid var(--line);padding:18px}.split-promos img{width:160px;height:160px;object-fit:cover;border-radius:12px}.split-promos h3{margin:0}.split-promos p{color:var(--muted)}
.app-layout{display:grid;grid-template-columns:1fr .8fr;gap:56px}.app-layout figure{margin:0}.app-layout img{border-radius:26px;aspect-ratio:.85/1;object-fit:cover}.number-steps{list-style:none;padding:0;counter-reset:item}.number-steps li{counter-increment:item;border-top:1px solid var(--line);padding:18px 0 18px 48px;position:relative}.number-steps li:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;top:18px;color:#9b7825;font-size:.8rem;font-weight:800}.number-steps li p{margin:5px 0 0;color:var(--muted)}.route-table{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.route-table>div{display:flex;justify-content:space-between;gap:18px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.route-table strong{color:var(--ink)}.route-table a{font-weight:700}
.feature-figure{margin:0}.feature-figure img{border-radius:22px}.four-observations{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.four-observations article{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.four-observations span{font-size:.75rem;color:#8b6511;font-weight:800}.four-observations h3{font-size:1.05rem}.four-observations p{font-size:.9rem;color:var(--muted)}
.guide-flow{list-style:none;padding:0;margin:0}.guide-flow li{display:grid;grid-template-columns:66px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.guide-flow span{font-size:2rem;color:var(--gold);font-weight:800}.guide-flow h3{margin:0}.guide-flow p{margin:6px 0;color:var(--muted)}.search-demo{max-width:760px;background:var(--paper);padding:24px}.search-demo p{color:var(--muted)}
.about-grid,.contact-grid,.privacy-layout,.safety-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.about-grid figure,.contact-grid figure,.privacy-layout figure,.safety-grid figure{margin:0}.about-grid img,.contact-grid img,.privacy-layout img,.safety-grid img{border-radius:24px}.about-grid p,.contact-grid p,.privacy-layout p,.safety-grid p{color:var(--muted)}.principle-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line);border-top:1px solid var(--line)}.principle-list li{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principle-list p{color:var(--muted)}
.article-page{max-width:1080px}.article-header{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;padding:34px 0 44px}.article-header h1{font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.12;letter-spacing:-.04em;margin:0;color:var(--ink)}.article-header figure{margin:0}.article-header img{border-radius:26px;aspect-ratio:1.45/1;object-fit:cover}.article-date{color:var(--muted);font-size:.82rem}.article-body{max-width:820px;margin:auto}.article-body section{padding:26px 0;border-bottom:1px solid var(--line)}.article-body h2{font-size:1.55rem}.article-body p{font-size:1.03rem}.checklist-block{background:var(--paper);padding:26px!important;border:0!important;margin:24px 0}.checklist-block ul{padding-left:1.2rem}.related-block{padding:54px 0}
.search-page-header{grid-template-columns:1.1fr .7fr}.search-page-header img{border-radius:22px}.page-search{max-width:760px}.search-results{min-height:320px}.empty-state{max-width:760px;padding:34px;background:var(--paper)}.empty-state h2{font-size:1.8rem}.empty-state p{color:var(--muted)}
.not-found-panel{min-height:62vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:780px}.not-found-panel h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.05;margin:0}.not-found-panel p{color:var(--muted)}
.site-footer{background:#241f18;color:#d9d0c1;padding:56px 28px 24px}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}.site-footer h2{color:#fff;font-size:1rem}.site-footer p{color:#bfb5a5}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:8px 0}.site-footer a{color:#d9d0c1}.site-footer a:hover{color:#fff}.footer-bottom{max-width:var(--max);margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.84rem}.footer-bottom p{margin:0}.back-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:0;border-radius:999px;background:var(--accent);color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.back-top.visible{opacity:1;pointer-events:auto;transform:none}
@media (max-width:1100px){.home-intro{grid-template-columns:1fr 420px}.dense-editorial-grid{grid-template-columns:repeat(2,1fr)}.four-observations{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid section:last-child{grid-column:2/4}.guide-steps ol{grid-template-columns:repeat(2,1fr)}}
@media (max-width:920px){.header-inner{min-height:70px}.menu-toggle{display:block}.main-nav{position:absolute;left:18px;right:18px;top:74px;background:var(--bg);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:16px;padding:12px;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav>a,.nav-search{text-align:left}.home-intro,.page-header,.article-header{grid-template-columns:1fr}.home-intro{padding-top:44px}.entry-ledger,.follow-strip,.app-band,.dark-section,.closing-map,.content-intro-grid,.app-layout,.about-grid,.contact-grid,.privacy-layout,.safety-grid{grid-template-columns:1fr}.topic-ribbon{grid-template-columns:1fr 1fr}.topic-ribbon>a{grid-column:1/3;width:max-content}.section-heading.split{grid-template-columns:1fr;gap:8px}.genre-columns,.topic-matrix{grid-template-columns:repeat(2,1fr)}.remix-note{grid-template-columns:40px 1fr}.remix-note figure{grid-column:2}.split-promos{grid-template-columns:1fr}.scene-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid section:last-child{grid-column:auto}.search-page-header img{max-height:360px;object-fit:cover;width:100%}}
@media (max-width:700px){body{font-size:15px}.header-inner{padding:0 16px}.brand-lockup small{display:none}.brand-lockup img{width:42px;height:42px}.home-intro,.section-wrap,.page-shell{padding-left:18px;padding-right:18px}.home-intro h1{font-size:2.65rem}.hero-index{display:grid;grid-template-columns:1fr}.entry-ledger{gap:20px}.dense-editorial-grid,.article-list.two-column,.genre-columns,.topic-matrix,.four-observations,.route-table,.principle-list{grid-template-columns:1fr}.topic-ribbon{grid-template-columns:1fr}.topic-ribbon>a{grid-column:auto}.follow-strip,.dark-section,.inset-section{padding-left:18px;padding-right:18px}.mini-feed a{grid-template-columns:1fr;gap:3px}.remix-note{grid-template-columns:1fr}.vertical-label{writing-mode:horizontal-tb}.remix-note figure{grid-column:auto}.guide-steps ol{grid-template-columns:1fr}.split-promos article{grid-template-columns:110px 1fr}.split-promos img{width:110px;height:110px}.topic-bridge{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}.search-row{flex-direction:column}.search-dialog{padding:24px 18px}.page-header{padding-top:24px}.page-header h1,.article-header h1{font-size:2.6rem}}
@media (max-width:420px){.home-intro h1,.page-header h1,.article-header h1{font-size:2.2rem}.split-promos article{grid-template-columns:1fr}.split-promos img{width:100%;height:auto;aspect-ratio:1.6/1}.button{width:100%}.action-row{display:grid;grid-template-columns:1fr}.hero-index div{padding-left:11px}}