/* 黄果AI · HUANGGUO SHORTS — 系统字体，纯 CSS 图形，无远程媒体 */
:root{--bg:#fffaee;--butter:#fff2cf;--card:#fff;--soft:#f8f4e9;--ink:#24282b;--body:#41484c;--sub:#626c70;--yellow:#ffcd38;--pale:#ffe07a;--dark:#15191c;--orange:#ef9a43;--sage:#7b9873;--mint:#85bbb1;--purple:#998bb7;--line:rgba(77,67,41,.13);--shadow:0 14px 34px rgba(39,38,26,.09);--width:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;background:var(--bg);color:var(--body);font:400 16px/1.72 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}p{margin:.6em 0 1em}h1,h2,h3,h4{margin:0 0 .65em;color:var(--ink);font-weight:760;line-height:1.35;letter-spacing:-.025em}h1{font-size:clamp(25px,2.9vw,36px)}h2{font-size:clamp(20px,2.2vw,26px)}h3{font-size:18px}small,.small{font-size:13px}a:hover{color:#9d6413}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ac750c;outline-offset:3px}button{border:0}.wrap{width:min(var(--width),calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:10px;z-index:2000;background:var(--yellow);padding:8px 18px}.skip-link:focus{top:8px}.site-header{position:relative;z-index:20;background:#fff}.site-header-line{border-bottom:1px solid var(--line)}.header-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{min-width:166px;display:flex;flex-direction:column;justify-content:center;line-height:1.15;color:var(--ink)}.brand>strong{font-size:25px;font-weight:850;letter-spacing:-1px}.brand>strong span{padding-left:3px;color:#bc7e0e}.brand small{font-size:9px;letter-spacing:.15em;color:var(--sub);margin-top:5px}.brand-logo{height:33px;width:auto;max-width:165px;object-fit:contain;object-position:left center}.primary-links{display:flex;gap:clamp(10px,1.6vw,27px);align-items:center}.primary-links a{font-size:14px;font-weight:650;white-space:nowrap;padding:24px 0 21px;border-bottom:3px solid transparent}.primary-links a:hover,.primary-links a[aria-current]{border-color:var(--yellow);color:var(--ink)}.header-actions{display:flex;align-items:center;gap:8px}.icon-action{display:grid;place-items:center;min-height:44px;min-width:44px;border-radius:11px;background:transparent;color:var(--ink);font-size:25px}.icon-action:hover{background:#fff3d0}.mini-app{padding:7px 11px;border-radius:9px;border:1px solid #e8cf80;white-space:nowrap;font-size:13px;font-weight:700}.topic-nav{background:var(--butter)}.topic-inner{height:43px;display:flex;align-items:stretch;gap:24px;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}.topic-inner a{display:flex;align-items:center;font-size:13px;font-weight:650;border-bottom:3px solid transparent}.topic-inner a:hover,.topic-inner a[aria-current]{border-color:#b78116;color:var(--ink)}main{min-height:60vh}section.block{margin-block:56px}main>section:first-child{margin-top:0}.section-header{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:23px}.section-header p{max-width:780px;color:var(--sub);font-size:15px}.kicker,.eyebrow{font-size:12px;letter-spacing:.11em;font-weight:800;color:#9d6d1b;text-transform:uppercase}.section-header h2{margin-bottom:3px}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:740;color:#885911;font-size:14px}.text-link:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 19px;border-radius:11px;font-weight:760;font-size:14px;line-height:1.3;text-align:center}.btn-primary{background:var(--yellow);color:#202428}.btn-primary:hover{background:#ffe07a;color:#202428}.btn-secondary{background:#fff;color:#2b2f32;border:1px solid #dcc47e}.btn-dark{color:#fff9ea;background:var(--dark)}.btn-dark:hover{background:#373f43;color:#fff}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.hero{margin-top:0;background:linear-gradient(145deg,#fff4cf,#fffaee 57%)}.hero-layout{padding-block:38px 34px;display:grid;grid-template-columns:1fr 1.06fr;gap:32px;align-items:center}.hero-copy h1{margin:8px 0 19px}.hero-copy p{max-width:550px;font-size:16px;color:var(--body)}.hero-copy .micro{margin:17px 0;font-size:13px;color:var(--sub)}.hero-media{min-width:0}.media-frame{position:relative;width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:15px;border:1px solid rgba(77,67,41,.08);background:#f7edce}.media-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.media-frame.portrait{aspect-ratio:3/4;max-width:335px;margin-inline:auto}.media-frame.square{aspect-ratio:1}.media-fallback{isolation:isolate;position:relative;width:100%;height:100%;min-height:130px;background:radial-gradient(circle at 83% 20%,rgba(255,255,255,.5) 0 6%,transparent 6.5%),linear-gradient(130deg,#ffe8a1 0%,#ffcd38 48%,#eeae56 100%);display:flex;align-items:end;padding:clamp(20px,4vw,44px)}.media-fallback::before{content:"";position:absolute;top:-38%;right:-6%;height:115%;aspect-ratio:1;border:1px solid rgba(68,58,38,.19);border-radius:50%;transform:rotate(-25deg)}.media-fallback::after{content:"";position:absolute;top:9%;right:20%;height:53%;width:21%;transform:rotate(27deg);background:rgba(255,255,255,.26);border-radius:60% 8% 60% 6%}.fallback-orbit{position:absolute;left:18%;top:18%;width:32%;aspect-ratio:1;border:2px solid rgba(82,66,22,.13);border-radius:50%;transform:rotate(-25deg)}.fallback-word{position:relative;z-index:1;color:#4d3617;font-size:clamp(16px,2vw,25px);font-weight:800;letter-spacing:.04em;max-width:85%;text-shadow:0 1px rgba(255,255,255,.25)}.media-frame.theme-dark .media-fallback{background:linear-gradient(145deg,#263238,#15191c 70%)}.media-frame.theme-dark .fallback-word{color:#ffe07a}.media-frame.theme-sage .media-fallback{background:linear-gradient(120deg,#dde8d4,#9cb5a0)}.media-frame.theme-purple .media-fallback{background:linear-gradient(120deg,#eee6f4,#b5a7cc)}.strip{padding:21px 25px;border-left:4px solid var(--yellow);background:#fff;border-radius:0 12px 12px 0}.strip p:last-child{margin-bottom:0}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.story-card{border-radius:15px;background:var(--card);border:1px solid var(--line);overflow:hidden;min-width:0;box-shadow:0 6px 20px rgba(39,38,26,.035)}.story-card:hover{box-shadow:var(--shadow)}.slim-card{display:grid;grid-template-columns:88px minmax(0,1fr)}.slim-card .story-mini-art{height:100%;min-height:230px;writing-mode:vertical-rl;letter-spacing:.13em}.slim-card .story-content{padding:18px}.story-mini-art{height:62px;position:relative;display:flex;align-items:center;padding:12px 19px;background:linear-gradient(100deg,#fff1c6,#f3f0e7);color:#8c6220;font-size:13px;font-weight:750;overflow:hidden}.story-mini-art i{position:absolute;right:20px;top:-26px;display:block;width:90px;height:90px;border:1px solid #d2b969;border-radius:50%}.story-content{padding:19px 21px 20px}.story-content h3{margin:7px 0 11px}.story-content>p{color:var(--body);font-size:14px;line-height:1.75;margin-bottom:16px}.story-meta{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px;color:#5b6467;font-size:12px}.story-meta span{border-radius:7px;background:#f8f5eb;padding:4px 8px}.featured-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:0}.featured-card .story-art{border:0;border-radius:0;height:100%;min-height:240px}.featured-card .story-content{padding:clamp(20px,3vw,36px)}.featured-card .story-content h3{font-size:23px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic-tile{padding:24px;border:1px solid var(--line);border-top:5px solid var(--accent,var(--yellow));background:#fff;border-radius:12px;min-height:155px}.topic-tile h3{margin:0 0 8px}.topic-tile p{font-size:14px;color:var(--sub);margin:0 0 15px}.tile-sage{--accent:var(--sage)}.tile-mint{--accent:var(--mint)}.tile-orange{--accent:var(--orange)}.tile-purple{--accent:var(--purple)}.tile-yellow{--accent:var(--yellow)}.tile-dark{--accent:#515e62}.editorial-split{display:grid;grid-template-columns:1.22fr 1fr;gap:30px;align-items:center}.editorial-split.reversed{grid-template-columns:1fr 1.22fr}.editorial-split p{max-width:650px}.editorial-split h2{margin-top:10px}.dark-feature{background:var(--dark);padding:31px;border-radius:17px;color:#fafaf5}.dark-feature h2,.dark-feature h3{color:#fafaf5}.dark-feature .eyebrow{color:var(--pale)}.dark-feature a{color:#ffe07a}.dark-feature .media-frame{border:1px solid #3d4547}.dark-feature .story-content{color:var(--body)}.wide-spotlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;border-radius:15px;background:#fff;padding:24px;border:1px solid var(--line)}.wide-spotlight.alt{background:#e9f0e7}.wide-spotlight .media-frame{align-self:center}.wide-spotlight h2{margin-top:12px}.essay-card{padding:27px;background:#fff;border-radius:14px;border:1px solid var(--line)}.essay-card p{font-size:15px}.essay-card h3{font-size:19px}.soft-card{padding:25px;background:#fff2cf;border-radius:14px}.quote-line{border-left:4px solid var(--yellow);padding:13px 18px;background:#fff7e5;border-radius:0 10px 10px 0;font-weight:650}.timeline{display:grid;gap:0;border-left:2px solid #ead6a4;margin-left:12px}.timeline-entry{position:relative;padding:0 0 27px 28px}.timeline-entry::before{content:"";position:absolute;left:-7px;top:7px;width:12px;height:12px;border-radius:50%;background:#d7a137;border:2px solid var(--bg)}.timeline-entry h3{margin:0 0 7px}.timeline-entry p{font-size:14px;margin:0 0 8px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.step{position:relative;background:#fff;padding:28px 20px 20px;border-radius:13px;border:1px solid var(--line)}.step::before{counter-increment:step;content:counter(step,decimal-leading-zero);display:inline-block;margin-bottom:14px;font-size:13px;font-weight:850;color:#ab7412}.step h3{margin-bottom:10px}.step p{font-size:14px;margin-bottom:0}.page-hero{padding-block:38px 30px;background:linear-gradient(140deg,#fff3cf,#fffaf0)}.page-hero-inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:34px;align-items:center}.page-hero .intro{font-size:16px;max-width:730px}.page-hero .meta-note{color:var(--sub);font-size:14px}.page-hero .media-frame{max-height:310px}.article-flow{max-width:840px}.article-flow p{line-height:1.82;margin-block:10px 17px}.article-flow section{margin-bottom:30px}.article-flow h2{margin-top:20px}.article-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.42fr);gap:32px;align-items:start}.article-side{padding:25px;background:var(--soft);border-radius:13px;position:sticky;top:20px}.article-side h3{margin-bottom:12px}.article-side a{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.article-side a:last-child{border-bottom:0}.chapter-list{margin:0;padding:0;list-style:none;display:grid;gap:13px}.chapter-list>li{background:#fff;border-radius:12px;border:1px solid var(--line);padding:17px 19px;display:flex;justify-content:space-between;gap:16px;align-items:center}.chapter-list b{display:block;color:var(--ink);font-size:16px}.chapter-list p{margin:5px 0 0;font-size:14px}.chapter-list .btn{flex-shrink:0}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}.tag-list span{background:#fff0c4;color:#584521;border-radius:30px;padding:5px 12px;font-size:13px}.notice{padding:16px 20px;background:#fff4d9;border-left:4px solid #d8a337;border-radius:0 9px 9px 0}.notice.dark-notice{background:#292f32;color:#fafaf5;border-left-color:#ffe07a}.search-form{display:flex;gap:9px;max-width:760px;margin:23px 0}.search-form input,.drawer-search input{min-width:0;flex:1;padding:12px 14px;border-radius:9px;border:1px solid #c7bfa7;background:white;color:var(--ink)}.search-form .btn{flex-shrink:0}.empty-state{background:#fff;border-radius:14px;padding:32px;border:1px dashed #d9c88e}.page-note{padding:26px;border-radius:13px;background:#eaf0e7}.feature-points{margin:15px 0 0;padding-left:21px}.feature-points li{margin-bottom:11px}.faq-item{padding:22px 24px;border:1px solid var(--line);border-radius:13px;background:white;margin-bottom:12px}.faq-item summary{cursor:pointer;font-weight:760;color:var(--ink)}.faq-item p{padding-left:0;margin:12px 0 0}.video-stage{background:#15191c;border-radius:16px;padding:clamp(18px,3vw,35px);color:#fafaf5}.video-stage h1,.video-stage h2,.video-stage h3{color:#fff9ea}.video-stage video{width:100%;display:block;max-height:min(68vh,680px);background:#050707;border-radius:9px}.video-placeholder{display:grid;place-items:center;min-height:270px;padding:30px;background:radial-gradient(circle at 50% 30%,#364044,#171b1d 70%);border:1px solid #434a4d;border-radius:10px;text-align:center}.video-placeholder h2{color:#ffe07a}.video-placeholder p{max-width:550px;color:#f7f5ed}.mobile-experience{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:center;gap:38px}.mobile-experience .portrait{width:min(100%,320px)}.related-links{display:flex;flex-wrap:wrap;gap:10px;padding-top:19px;border-top:1px solid var(--line)}.related-links a{padding:9px 14px;border:1px solid #e3cc84;border-radius:8px;background:#fff;font-size:14px}.filter-line{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 25px}.filter-line a{font-size:14px;padding:7px 13px;border:1px solid var(--line);background:white;border-radius:99px}.filter-line a[aria-current]{background:var(--yellow);font-weight:760;border-color:var(--yellow)}.site-footer{background:var(--dark);color:#fafaf5;padding:49px 0 23px}.footer-top{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.6fr);gap:55px}.footer-identity{max-width:310px}.footer-mark{color:#ffe07a;font-weight:850;font-size:21px}.footer-mark span{display:block;letter-spacing:.16em;font-size:11px}.footer-identity p:not(.footer-mark){font-size:14px;color:#d7d9d5}.footer-trust{padding-top:12px;border-top:1px solid #565a4e}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.footer-group h2{font-size:16px;color:#ffe07a}.footer-group a{display:block;font-size:13px;line-height:1.5;margin:10px 0;color:#e5e6e0}.footer-group a:hover{color:#ffe07a}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #42484b;margin-top:40px;padding-top:19px;color:#b7bcb9;font-size:13px}.mobile-bottom{display:none}.drawer-mask{position:fixed;inset:0;background:rgba(10,16,18,.53);z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.site-drawer{position:fixed;z-index:81;right:0;top:0;bottom:0;width:min(390px,86vw);background:#fffaee;box-shadow:-14px 0 35px rgba(0,0,0,.15);display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .24s,visibility .24s}.drawer-open .drawer-mask{opacity:1;visibility:visible;pointer-events:auto}.drawer-open .site-drawer{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.drawer-head b{display:block;font-size:21px;color:var(--ink)}.drawer-head small{display:block;color:var(--sub)}.drawer-body{min-height:0;flex:1;overflow-y:auto;padding:19px 24px 35px}.drawer-search label{display:block;font-size:14px;font-weight:750;color:var(--ink);margin-bottom:9px}.drawer-search>div{display:flex;gap:7px}.drawer-search button{background:var(--yellow);font-weight:800;border-radius:9px;padding:0 13px}.drawer-section{margin-top:27px}.drawer-section h2{font-size:16px;border-bottom:2px solid var(--yellow);padding-bottom:8px}.drawer-section>div{display:grid;grid-template-columns:1fr 1fr;gap:5px 13px}.drawer-section a{display:flex;justify-content:space-between;padding:10px 0;font-size:13px;border-bottom:1px solid var(--line)}
@media(max-width:1050px){.primary-links{gap:11px}.primary-links a{font-size:13px}.mini-app{display:none}.footer-top{gap:25px}.footer-groups{gap:13px}}
@media(max-width:850px){.primary-links{display:none}.header-inner{min-height:64px}.hero-layout{grid-template-columns:1fr;gap:21px}.hero-media{max-width:730px}.page-hero-inner{grid-template-columns:1fr}.page-hero .media-frame{max-width:680px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.tiles,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-split,.editorial-split.reversed,.wide-spotlight,.mobile-experience{grid-template-columns:1fr}.featured-card{grid-template-columns:1fr}.featured-card .story-art{min-height:200px}.footer-top{grid-template-columns:1fr}.footer-identity{max-width:none}.footer-groups{grid-template-columns:repeat(4,minmax(0,1fr))}.article-columns{grid-template-columns:1fr}.article-side{position:static}}
@media(max-width:600px){.wrap{width:calc(100% - 34px)}body{font-size:16px}.brand{min-width:0}.brand small{font-size:8px}.brand-logo{height:29px;max-width:145px}.topic-inner{gap:18px}.topic-inner a{font-size:13px;flex-shrink:0}.site-footer{padding-bottom:calc(85px + env(safe-area-inset-bottom))}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:60;bottom:0;left:0;right:0;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid var(--line)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:47px;color:#464d4f;line-height:1.2;font-size:11px}.mobile-bottom a span{font-size:21px;margin-bottom:3px}.mobile-bottom a[aria-current]{color:#94610d;font-weight:800}.hero-layout{padding-block:26px 31px}.hero-copy h1{margin:8px 0 12px}.hero-copy p{font-size:15px}.page-hero{padding-block:27px}.grid-2,.grid-3,.grid-4,.tiles,.steps{grid-template-columns:1fr}.grid-2.mobile-two{grid-template-columns:repeat(2,minmax(0,1fr))}.section-header{align-items:start;flex-direction:column;gap:9px;margin-bottom:18px}section.block{margin-block:34px}.editorial-split,.wide-spotlight{gap:15px}.wide-spotlight{padding:17px}.story-content{padding:17px}.soft-card,.essay-card{padding:20px}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.footer-bottom{flex-direction:column}.chapter-list>li{flex-direction:column;align-items:start}.chapter-list .btn{width:100%}.video-placeholder{min-height:245px}.search-form{flex-direction:column}.search-form .btn{width:100%}.drawer-section>div{grid-template-columns:1fr 1fr}.dark-feature{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawer-mask,.site-drawer{transition:none}}