/* 黄果AI短剧 · responsive editorial system */
:root{--bg:#FFF9F8;--white:#fff;--blush:#FBE5EC;--pink:#EB7295;--softpink:#F4B7C8;--butter:#FFF1BF;--yellow:#F6DE8F;--ink:#171316;--body:#393237;--muted:#72666D;--weak:#968A90;--border:rgba(35,22,28,.12);--shadow:0 12px 30px rgba(80,35,50,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font:15.5px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button{transition:background-color .18s,color .18s,box-shadow .18s,transform .18s}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--pink);outline-offset:2px}a:active,button:active{transform:scale(.98)}img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center}p,h1,h2,h3{overflow-wrap:anywhere}h1,h2,h3{color:var(--ink);line-height:1.35;letter-spacing:-.025em}h1{font-size:30px;margin:12px 0 18px}h2{font-size:22px;margin:0 0 16px}h3{font-size:17px;margin:0 0 12px}p{margin:0 0 16px}.shell{width:min(1140px,calc(100% - 48px));margin-inline:auto}.reading{max-width:830px}.section{padding-block:58px}.eyebrow,.kicker{font-size:12px;letter-spacing:.09em;font-weight:750;color:#9a3c60}.kicker{display:inline-block;margin-bottom:7px}.lead{font-size:16px;color:#51484e;line-height:1.85}.muted{color:var(--muted)}.topbar{background:var(--ink);color:#fff;font-size:12px}.topbar-inner{min-height:32px;display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar-actions{display:flex;align-items:center;gap:16px}.topbar button{border:0;background:transparent;color:var(--butter);min-height:32px;padding:2px 5px}.mainnav{background:#fff;border-bottom:1px solid #f3d4dd}.mainnav-inner{min-height:64px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-width:0;font-size:17px;font-weight:800;color:var(--ink)}.logo-img{height:28px;width:auto;max-width:180px;object-fit:contain}.mainlinks{display:flex;align-items:center;gap:24px;margin-left:auto}.mainlinks a{font-size:14px;display:inline-flex;align-items:center;min-height:46px;border-bottom:2px solid transparent}.mainlinks a:hover,.mainlinks a[aria-current=page]{color:#a72f5d;border-bottom-color:var(--pink)}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions>a{font-size:13px;white-space:nowrap}.small-button,.icon-button{border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);min-height:44px;padding:8px 14px}.small-button:hover,.icon-button:hover{background:var(--blush)}.category-strip{background:#fffaf0;border-bottom:1px solid var(--border)}.category-inner{display:flex;align-items:center;gap:6px 22px;flex-wrap:wrap;min-height:45px}.category-inner a{font-size:13px;min-height:40px;display:inline-flex;align-items:center;color:#5c4c53}.category-inner a:hover,.category-inner a[aria-current=page]{color:#a72f5d}.mobile-only{display:none}.mobile-category{display:none!important}.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;border-radius:11px;font-weight:700;font-size:14px}.btn-primary{background:#bd3d6a;color:#fff}.btn-primary:hover{background:#a92e5a;box-shadow:var(--shadow)}.btn-secondary{background:var(--butter);border:1px solid #e8d493;color:var(--ink)}.btn-secondary:hover{background:var(--yellow)}.text-link{display:inline-flex;align-items:center;min-height:44px;color:#9a3157;font-weight:700;font-size:14px}.text-link:hover{text-decoration:underline}.feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:44px}.feature.no-image{display:block}.feature.no-image>.feature-copy{max-width:850px}.hero{padding:62px 0 55px}.hero h1{max-width:680px}.hero-copy{min-width:0}.hero-media{min-width:0}.hero-media img{width:100%;max-width:500px;max-height:320px;margin:auto;object-fit:contain}.surface{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.media-block{min-width:0}.media-block img{width:100%;height:auto;max-height:270px;object-fit:contain}.editorial-header{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.editorial-header p{max-width:670px}.triad{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.triad-main{grid-row:span 2;padding:28px;background:var(--blush);border-radius:16px}.triad-side{padding:22px;background:#fff;border:1px solid var(--border);border-radius:16px}.triad img{max-height:230px;margin-bottom:20px}.triad-side img{max-height:142px}.triad p{color:#55484f}.feature-section{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:32px;align-items:center;padding:30px 0;border-top:1px solid var(--border)}.feature-section.reverse{grid-template-columns:minmax(0,1fr) minmax(0,42%)}.feature-section.reverse .feature-copy{order:0}.feature-section.reverse .media-block{order:1}.feature-section.no-image{display:block}.feature-section.no-image .feature-copy{max-width:830px}.feature-section .media-block img{max-height:250px}.accent-area{background:var(--blush)}.butter-area{background:var(--butter)}.highlight-band{padding:28px;border-radius:16px;background:var(--butter)}.highlight-band.has-image{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);align-items:center;gap:28px}.highlight-band img{max-height:225px}.three-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.three-notes>div{padding:0 18px;border-left:3px solid var(--pink)}.image-heading img{width:100%;max-height:230px;margin:0 0 20px}.article-intro{padding:42px 0 28px}.crumbs{font-size:13px;color:var(--muted)}.crumbs a{text-decoration:underline;text-underline-offset:3px}.article-title{max-width:850px}.article-lead{max-width:840px}.article-layout{padding-bottom:70px}.article-hero{max-width:860px;margin:4px 0 30px}.article-hero img{width:100%;max-height:260px}.article-chapters{max-width:830px}.article-chapters section{padding:23px 0 20px;border-bottom:1px solid var(--border)}.article-chapters section:first-child{padding-top:0}.article-chapters p{line-height:1.9}.chapter-list{counter-reset:chapter}.chapter-list section h2:before{counter-increment:chapter;content:counter(chapter,decimal-leading-zero) ' / ';font-size:13px;color:#a13a61;vertical-align:middle}.article-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.article-split section{background:#fff;border:1px solid var(--border);padding:24px;border-radius:14px}.article-split section:first-child{grid-column:span 2}.article-split section p{margin:0}.article-flow section{border-left:3px solid #efb4c5;padding:4px 0 15px 24px;margin:0 0 24px}.timeline section{position:relative;border-left:2px solid var(--pink);padding:0 0 26px 26px}.timeline section:before{content:'';position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:100%;background:var(--pink)}.article-soft section:nth-child(odd){background:#fff;border-radius:13px;padding:22px}.article-soft section:nth-child(even){padding:22px}.fine-note{padding:20px 24px;background:var(--butter);border-radius:13px;margin-top:28px;font-size:14px}.app-section{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);align-items:start;gap:42px}.app-section.no-image{display:block}.app-photo{width:100%;max-width:280px;max-height:420px;object-fit:contain}.icon-img{width:56px;height:56px;max-width:56px;max-height:56px;object-fit:contain}.app-icon-label{display:flex;gap:14px;align-items:center;margin:10px 0 22px}.brand-banner{max-height:260px;width:100%;object-fit:contain}.faq-list{max-width:850px}.faq-entry{padding:20px 0;border-bottom:1px solid var(--border)}.faq-entry h2{font-size:17px}.faq-entry p{margin:0}.faq-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.faq-mini a{min-height:44px;border-bottom:1px solid var(--border);display:flex;align-items:center;color:#7e2b4b}.quick-links{background:#fff;border-top:1px solid var(--border);padding:26px 0}.quick-links-inner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}.quick-links a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}.footer{background:#171316;color:#f7edf0;padding:52px 0 22px}.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:30px}.footer .logo-img{max-width:180px}.footer-brand b{display:block;color:#fff;font-size:17px}.footer-brand small{font-size:12px;color:#e2bcc9}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.footer h2{font-size:14px;color:var(--butter);margin-bottom:12px}.footer ul{padding:0;margin:0;list-style:none}.footer a{font-size:13px;display:inline-flex;align-items:center;min-height:31px;color:#f4e6eb}.footer a:hover{color:#ffd5e3;text-decoration:underline}.footer-notes{border-top:1px solid #5c4b51;margin-top:32px;padding-top:20px;font-size:13px;color:#ead3da}.footer-notes p{margin-bottom:8px}.overlay{position:fixed;inset:0;background:rgba(24,14,20,.42);z-index:50;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s,visibility .18s}.overlay.is-open{visibility:visible;pointer-events:auto;opacity:1}.floating-panel{position:fixed;z-index:51;top:110px;left:50%;transform:translateX(-50%);width:min(900px,calc(100vw - 40px));max-height:68vh;overflow:auto;background:#fff;border-radius:14px;border-top:3px solid var(--pink);box-shadow:0 25px 90px #23161c36;padding:24px;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s,visibility .18s}.floating-panel.is-open{visibility:visible;pointer-events:auto;opacity:1}.search-panel{max-width:640px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.panel-top h2{margin:0}.directory-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}.directory-group h3{font-size:14px;color:#973b60;margin:0 0 10px}.directory-group ul{padding:0;list-style:none;margin:0}.directory-group a{display:block;border-bottom:1px solid var(--border);padding:8px 0}.directory-group strong{display:block;font-size:14px;color:var(--ink)}.directory-group span{display:block;font-size:12px;color:var(--muted)}.search-input{width:100%;border:1px solid #d5b9c4;border-radius:10px;padding:12px 14px;min-height:44px}.search-results{list-style:none;margin:14px 0 0;padding:0}.search-results a{display:block;padding:10px 5px;border-bottom:1px solid var(--border);min-height:44px}.search-empty{font-size:14px;color:var(--muted)}body.panel-open{overflow:hidden}@media(max-width:900px){.mainlinks{gap:12px}.mainnav-inner{gap:12px}.nav-actions>a{display:none}.triad{grid-template-columns:1fr 1fr}.shell{width:calc(100% - 48px)}}@media(max-width:700px){.shell{width:calc(100% - 32px)}.section{padding-block:40px}.hero{padding-block:38px}.mainnav-inner{min-height:58px}.mainlinks{display:none}.brand{font-size:17px}.nav-actions{margin-left:auto}.nav-actions .small-button{padding:8px 10px}.mobile-only{display:inline-flex}.category-inner{gap:0 17px;padding:4px 0}.category-inner a{min-height:35px}.desktop-category{display:none!important}.mobile-category{display:inline-flex!important}h1{font-size:26px}h2{font-size:20px}.feature,.feature-section,.feature-section.reverse,.highlight-band.has-image,.app-section{display:block}.hero .hero-media{margin-top:20px}.hero-media img{max-height:220px}.feature-section .media-block,.highlight-band .media-block{margin-bottom:18px}.feature-section.reverse .media-block{margin:18px 0 0}.feature-section .media-block img,.media-block img,.image-heading img{max-height:210px}.triad{display:block}.triad-main,.triad-side{margin-bottom:14px}.triad img{max-height:205px}.triad-side img{max-height:180px}.three-notes{grid-template-columns:1fr;gap:16px}.article-intro{padding:30px 0 20px}.article-layout{padding-bottom:48px}.article-split{display:block}.article-split section{margin-bottom:14px}.article-chapters section{padding:18px 0}.app-photo{width:100%;max-width:230px;max-height:360px;margin:0 auto 18px}.app-section .app-media{margin-bottom:20px}.brand-banner{max-height:190px}.faq-mini{grid-template-columns:1fr}.footer{padding-top:38px}.footer-groups{grid-template-columns:1fr 1fr;gap:20px}.floating-panel{top:76px;width:calc(100vw - 24px);max-height:72vh;padding:18px}.search-panel{top:76px;width:calc(100vw - 32px)}.directory-grid{display:block}.directory-group{margin-bottom:20px}.quick-links-inner{gap:4px 16px}.editorial-header{display:block}}@media(max-width:360px){.topbar-inner{font-size:11px}.brand{font-size:15px}.nav-actions .small-button{font-size:12px;padding:6px 8px}.footer-groups{grid-template-columns:1fr}}