*{box-sizing:border-box} :root{--bg:#FFF9F8;--white:#fff;--pink:#EB7295;--pink-soft:#FBE5EC;--pink-light:#F4B7C8;--yellow:#FFF1BF;--ink:#171316;--text:#393237;--muted:#72666D;--weak:#968A90;--line:rgba(35,22,28,.12);--shadow:0 12px 30px rgba(80,35,50,.08)}
html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}body.panels-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:#B84D70}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;width:auto;height:auto;object-fit:contain;object-position:center}.container{width:min(1140px,calc(100% - 40px));margin-inline:auto;min-width:0}
.brand-strip{height:32px;background:var(--ink);color:#fff;font-size:12px}.strip-inner,.strip-tools{display:flex;align-items:center;justify-content:space-between;height:100%;gap:18px}.strip-brand{font-weight:650;color:#fff}.strip-brand span{color:var(--yellow)}.strip-tools{justify-content:flex-end}.adult-mini{color:var(--yellow)}.text-tool{padding:0;border:0;background:none;color:#fff;font-size:12px;min-height:28px}
.site-header{background:#fff;position:relative;z-index:5}.header-main{min-height:68px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--pink-soft)}.brand-lockup{display:flex;align-items:center;gap:9px;min-width:190px}.brand-lockup .media{padding:0;background:transparent;border:0;flex:none}.media{margin:0;min-width:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center}.media img{width:100%;height:auto;max-width:100%;object-fit:contain}.media--logo{padding:0;border:0;background:transparent;border-radius:0}.media--logo img{width:auto;height:28px;max-width:150px}.media--icon{width:64px;height:64px;padding:4px;flex:none;border-radius:13px}.media--icon img{width:56px;height:56px}.media--app{width:min(100%,270px);justify-self:center}.media--app img{width:100%;height:auto;max-height:420px}.brand-wordmark{font-size:18px;font-weight:800;color:var(--ink);white-space:nowrap}.brand-sub{font-size:10px;letter-spacing:.09em;color:var(--muted);white-space:nowrap}
.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,25px);flex:1;min-width:0}.primary-nav a,.topic-inner a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;position:relative;white-space:nowrap}.primary-nav a.is-current{color:var(--pink);font-weight:700}.primary-nav a.is-current:after{content:"";height:2px;background:var(--pink);position:absolute;bottom:5px;left:0;right:0;border-radius:2px}.header-actions{display:flex;align-items:center;gap:8px;flex:none}.icon-button,.overview-button{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:0 13px;background:#fff;color:var(--ink);font-size:13px}.icon-button{display:flex;align-items:center;gap:6px}.icon-button span:first-child{font-size:19px}.overview-button{background:var(--yellow);border-color:#F1DFA7}.topic-nav{background:#fff}.topic-inner{display:flex;align-items:center;gap:clamp(18px,2.2vw,26px);flex-wrap:wrap;min-height:48px}.topic-inner a{font-size:13px;color:#5B4F55;min-height:42px}
main{min-height:50vh}.page-shell{padding:44px 0 64px}.page-heading{margin:0 auto 30px;max-width:860px}.breadcrumb{font-size:12px;color:var(--weak);display:flex;gap:8px;margin-bottom:16px}.breadcrumb a{color:var(--muted)}.kicker,.eyebrow,.section-kicker{font-size:11px;letter-spacing:.13em;font-weight:750;color:var(--pink);text-transform:uppercase}.page-heading h1,.hero-copy h1{font-size:30px;line-height:1.3;color:var(--ink);margin:8px 0 14px}.page-summary{font-size:16px;line-height:1.85;color:#62565D;margin:0;max-width:820px}.reading{max-width:840px;margin-inline:auto}.reading h2,.content-section h2{font-size:22px;line-height:1.4;color:var(--ink);margin:36px 0 13px}.reading h3{font-size:17px;color:var(--ink);margin:23px 0 8px}.reading p{margin:0 0 14px;line-height:1.85}.reading ul,.reading ol{padding-left:1.35em;margin:10px 0 20px}.reading li{padding:3px 0}.note-box{background:var(--yellow);border:1px solid rgba(120,92,28,.12);border-radius:14px;padding:18px 20px;margin:24px 0;color:#4C402B}.soft-box{background:var(--pink-soft);border-radius:14px;padding:18px 20px;margin:22px 0}
.media-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center;min-width:0}.media-layout.media-right{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.media-layout:not(.has-media){grid-template-columns:1fr}.media--hero{max-width:500px;justify-self:end}.media--hero img,.media--brand img,.media--content img{width:100%;height:auto}.article-hero{margin:24px 0 32px}.feature-row{padding:28px 0;border-bottom:1px solid var(--line)}.article-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.article-columns>section{min-width:0}.process-list{counter-reset:step;list-style:none;padding:0!important}.process-list li{counter-increment:step;position:relative;padding:4px 0 22px 54px}.process-list li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:12px;background:var(--pink-soft);color:#A94466;font-weight:800;display:grid;place-items:center}
.hero{padding:54px 0 48px;background:linear-gradient(120deg,#FFF9F8 0%,#FFF5F2 54%,#FFF1BF 100%)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:42px;align-items:center}.hero-copy h1{font-size:36px;max-width:650px;margin:12px 0 18px}.hero-copy p{max-width:650px;font-size:16px;line-height:1.9;color:#5E5258}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 19px;border-radius:11px;font-size:14px;font-weight:650;transition:transform .18s,box-shadow .18s}.button-primary{background:var(--pink);color:#fff}.button-secondary{background:var(--yellow);color:var(--ink);border:1px solid #EBDDAF}.button:hover{color:inherit;box-shadow:var(--shadow)}.button:active{transform:scale(.98)}
.home-section{padding:56px 0}.home-section.alt{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-heading h2{font-size:24px;color:var(--ink);margin:5px 0 0}.section-heading p{max-width:560px;color:var(--muted);margin:0;font-size:14px}.text-link{color:#B84D70;font-weight:700;font-size:14px}.dual-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:20px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0}.feature-card.large{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;align-items:center}.feature-card h3{margin:0 0 8px;font-size:19px;color:var(--ink)}.feature-card p{margin:0 0 10px;color:var(--muted);line-height:1.8}.feature-stack{display:flex;flex-direction:column;gap:16px}.feature-stack .feature-card{flex:1;background:#FFF8F3}.picks-feature{background:var(--pink-soft);border-radius:18px;padding:26px;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:28px;align-items:center}.picks-feature h3{font-size:21px;color:var(--ink);margin:0 0 10px}.picks-feature p{margin:0;line-height:1.9}.topic-feature{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:30px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.topic-feature.reverse{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.topic-feature.reverse .media{order:2}.topic-feature h3{font-size:20px;margin:0 0 8px;color:var(--ink)}.topic-feature p{margin:0 0 12px;color:var(--muted)}.topic-copy{min-width:0}.text-feature{padding:22px 24px;background:#fff;border-radius:14px;border:1px solid var(--line)}.observation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.observation-grid article{padding:20px 0;border-top:3px solid var(--pink)}.observation-grid h3{font-size:18px;margin:0 0 8px;color:var(--ink)}.observation-grid p{margin:0;color:var(--muted)}.content-band{background:var(--yellow);padding:28px;border-radius:16px}.app-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px;align-items:center}.app-assets{display:flex;gap:18px;align-items:center;justify-content:center;min-width:0}.app-assets .media--app{width:220px}.app-assets .media--icon{align-self:flex-start;margin-top:20px}.simple-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.simple-list a{padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;gap:12px;min-height:48px}.simple-list a span:last-child{color:var(--pink)}
.faq-list{max-width:860px;margin:0 auto}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:0 0 12px;padding:0 18px}.faq-list summary{cursor:pointer;list-style:none;font-weight:700;color:var(--ink);padding:16px 28px 16px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";position:absolute;right:0;color:var(--pink)}.faq-list details[open] summary:after{content:"－"}.faq-list details p{margin:0;padding:0 0 17px;color:var(--muted)}
.quick-links{padding:26px 0 34px}.quick-link-list{display:flex;gap:10px;flex-wrap:wrap}.quick-link-list a{padding:8px 14px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:13px}.site-footer{background:#171316;color:#F7EEF1;padding:42px 0 20px}.footer-brand-row{display:flex;align-items:center;gap:13px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.14)}.footer-brand-row strong{display:block;font-size:17px}.footer-brand-row span{display:block;font-size:10px;letter-spacing:.12em;color:#D8BAC5}.footer-wordmark{font-weight:800;font-size:18px}.footer-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;padding:28px 0}.footer-groups h3{font-size:14px;color:var(--yellow);margin:0 0 12px}.footer-groups a{display:block;color:#D8CDD2;font-size:13px;margin:7px 0}.footer-notice{border-block:1px solid rgba(255,255,255,.14);padding:17px 0;color:#D8CDD2;font-size:13px}.footer-notice p{margin:5px 0}.footer-notice strong{color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;font-size:12px;color:#B9AEB4}.footer-bottom span:last-child{display:flex;gap:18px;flex-wrap:wrap}
.panel-backdrop{position:fixed;inset:0;background:rgba(23,19,22,.36);z-index:20;visibility:hidden;pointer-events:none}.directory-panel,.search-panel{position:absolute;z-index:21;top:112px;left:50%;transform:translateX(-50%);width:min(920px,calc(100vw - 40px));max-height:68vh;overflow:auto;background:#fff;border-top:3px solid var(--pink);border-radius:0 0 16px 16px;box-shadow:0 18px 55px rgba(35,20,28,.18);padding:23px 26px;visibility:hidden;pointer-events:none}.search-panel{width:min(640px,calc(100vw - 40px))}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-heading h2{margin:2px 0 0;font-size:22px;color:var(--ink)}.panel-close{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:25px}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 26px}.directory-grid h3{font-size:14px;color:#B84D70;margin:0 0 9px}.directory-grid a{display:block;padding:8px 0;border-bottom:1px solid #F3E9ED}.directory-grid strong{display:block;font-size:14px;color:var(--ink)}.directory-grid small{display:block;color:var(--muted);font-size:12px;line-height:1.5}.search-label{display:block;font-size:13px;font-weight:650;margin-bottom:7px}.search-panel input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:0 13px}.search-hint,.no-results{font-size:12px;color:var(--muted)}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.search-results a{padding:10px 12px;background:#FFF8FA;border-radius:8px;font-size:13px}.search-results a[hidden],.no-results[hidden]{display:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
@media(max-width:900px){.header-main{gap:15px}.brand-lockup{min-width:auto}.brand-sub{display:none}.primary-nav{gap:12px}.primary-nav a{font-size:13px}.dual-feature{grid-template-columns:1fr}.feature-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.container{width:calc(100% - 32px)}.brand-strip{height:30px}.strip-brand span{display:none}.strip-tools{gap:12px}.header-main{min-height:58px;gap:8px}.brand-lockup{flex:1;min-width:0}.brand-wordmark{font-size:17px}.brand-lockup .media--logo img{height:27px;max-width:118px}.primary-nav{display:none}.header-actions{gap:6px}.icon-button,.overview-button{min-height:40px;padding:0 10px;font-size:12px}.topic-inner{gap:0 18px;padding:5px 0 6px;min-height:0}.topic-inner a{min-height:36px;font-size:12px}.page-shell{padding:30px 0 44px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:26px}.page-summary{font-size:15px}.hero{padding:36px 0 34px}.hero-layout{grid-template-columns:1fr;gap:22px}.hero-copy h1{font-size:29px}.hero-copy p{font-size:15px}.media--hero{justify-self:stretch;max-width:none}.home-section{padding:38px 0}.section-heading{display:block}.section-heading p{margin-top:9px}.section-heading h2{font-size:22px}.feature-card.large,.picks-feature,.topic-feature,.topic-feature.reverse,.media-layout,.media-layout.media-right{grid-template-columns:1fr;gap:16px}.feature-card.large{padding:17px}.topic-feature.reverse .media{order:0}.topic-feature{padding:20px 0}.feature-stack{grid-template-columns:1fr}.picks-feature{padding:19px}.observation-grid{grid-template-columns:1fr;gap:8px}.app-layout{grid-template-columns:1fr;gap:18px}.app-assets{justify-content:flex-start;flex-wrap:wrap}.app-assets .media--app{width:min(58%,220px)}.simple-list{grid-template-columns:1fr}.article-columns{grid-template-columns:1fr;gap:8px}.reading h2{font-size:20px;margin-top:29px}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:9px}.directory-panel,.search-panel{position:fixed;top:94px;width:calc(100vw - 24px);max-height:72vh;padding:18px 16px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px}.search-results{grid-template-columns:1fr 1fr}.quick-links{padding:20px 0 28px}}
@media(max-width:390px){.overview-button,.icon-button{padding:0 8px}.action-label{display:none}.directory-grid{grid-template-columns:1fr}}

/* 图片缺失时，图文布局自动收拢为纯文字结构。 */
.hero-layout:not(:has(.media)){grid-template-columns:1fr}
.feature-card.large:not(:has(.media)){grid-template-columns:1fr}
.picks-feature:not(:has(.media)){grid-template-columns:1fr}
.topic-feature:not(:has(.media)),.topic-feature.reverse:not(:has(.media)){grid-template-columns:1fr}
.app-layout:not(.has-media){grid-template-columns:1fr}

.app-icon-inline{display:flex;justify-content:flex-start;margin:8px 0 20px}.app-icon-inline .media--icon{width:64px;height:64px}
