:root{--pink:#D96B9A;--mauve:#B89ACB;--dark:#2B2530;--bg:#FFF9FC;--soft:#F5EDF3;--text:#322D34;--muted:#756D78;--accent:#E88A62;--line:#eadce5;--white:#fff;--shadow:0 14px 40px rgba(43,37,48,.09);--radius:26px;--radius-sm:16px;--max:1180px;--read:760px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip-link{position:fixed;left:16px;top:12px;z-index:9999;padding:10px 14px;background:var(--dark);color:#fff;border-radius:10px;transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,249,252,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(234,220,229,.8)}.header-inner{width:min(calc(100% - 40px),var(--max));min-height:76px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--soft)}.brand span{display:grid;line-height:1.2}.brand strong{font-size:1.08rem;letter-spacing:.04em}.brand small{margin-top:4px;color:var(--muted);font-size:.72rem}.main-nav{display:flex;align-items:center;gap:6px}.nav-link{padding:10px 14px;border-radius:999px;color:var(--muted);font-size:.94rem;transition:background .18s ease,color .18s ease}.nav-link:hover,.nav-link:focus-visible{background:var(--soft);color:var(--dark)}.nav-link.is-current{background:#f4e3eb;color:#9d3e68;font-weight:700}.menu-button{display:none;border:1px solid var(--line);background:var(--white);padding:8px 12px;border-radius:12px;color:var(--dark)}
.eyebrow{margin:0 0 12px;color:#a24670;font-weight:800;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.lead{font-size:clamp(1.05rem,1.5vw,1.22rem);color:#5f5662;line-height:1.85}.home-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);align-items:center;gap:52px;padding-block:76px 68px}.hero-copy h1,.page-intro h1,.domain-hero h1,.download-intro h1{font-size:clamp(2.35rem,5.4vw,5.6rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px;color:var(--dark)}.hero-copy h1{max-width:820px}.hero-copy .lead{max-width:720px}.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;font-weight:800;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s ease}.button:hover{transform:translateY(-2px)}.button:focus-visible,.text-link:focus-visible,.link-row:focus-visible,.nav-link:focus-visible,.menu-button:focus-visible,summary:focus-visible{outline:3px solid rgba(217,107,154,.32);outline-offset:3px}.button.primary{background:var(--pink);color:#fff;box-shadow:0 10px 26px rgba(217,107,154,.24)}.button.secondary{background:var(--dark);color:#fff}.text-link{color:#9d3e68;font-weight:800;border-bottom:1px solid rgba(157,62,104,.25)}.hero-media{margin:0;padding:16px;border-radius:32px;background:linear-gradient(145deg,#fff,#f5eaf1);box-shadow:var(--shadow);transform:rotate(1.2deg)}.hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px}.hero-media figcaption{padding:14px 4px 2px;color:var(--muted);font-size:.86rem}.flow-section{padding-block:76px}.section-heading{max-width:820px;margin-bottom:32px}.section-heading h2,.narrow-section h2,.related-strip h2,.soft-panel h2{font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 14px;color:var(--dark)}.section-heading p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-item{padding:28px 28px 26px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.78)}.topic-item:nth-child(3n+2){background:#fbf4f8}.topic-item:nth-child(4n){border-color:#e5d8ec}.topic-item h3{font-size:1.22rem;line-height:1.4;margin:0 0 10px;color:var(--dark)}.topic-item>p:not(.eyebrow){margin:0;color:#665d68}.topic-item ul{margin:18px 0 0;padding-left:1.1em;color:var(--muted)}.topic-item li+li{margin-top:6px}.section-cta{margin-top:30px}.soft-band{margin-block:48px;background:var(--soft);border-block:1px solid #eadde6}.split-story{display:grid;grid-template-columns:1fr .9fr;gap:52px;align-items:center;padding-block:70px}.split-story h2{font-size:clamp(2rem,3.4vw,3.7rem);line-height:1.16;margin:0 0 18px}.split-story p{color:var(--muted);font-size:1.07rem}.split-story img{border-radius:30px;box-shadow:var(--shadow);aspect-ratio:3/2;object-fit:cover}.narrow-section{max-width:940px;padding-block:72px}.link-rows{border-top:1px solid var(--line)}.link-row{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 6px;border-bottom:1px solid var(--line);transition:padding .18s var(--ease),background .18s ease}.link-row:hover{padding-inline:14px;background:rgba(245,237,243,.58)}.link-row span:first-child{display:grid;gap:4px}.link-row strong{font-size:1.05rem;color:var(--dark)}.link-row small{font-size:.92rem;color:var(--muted)}.arrow{font-size:1.4rem;color:var(--pink)}.faq-section{padding-block:64px 90px}.faq-list{max-width:900px}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:800;color:var(--dark)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--pink);font-size:1.3rem}.faq-item[open] summary:after{content:"−"}.faq-item div{padding:0 0 20px;color:var(--muted)}.faq-item p{margin:0}
.page-shell{padding-block:24px 80px}.breadcrumb{margin:4px 0 34px}.breadcrumb ol{display:flex;gap:8px;align-items:center;list-style:none;margin:0;padding:0;color:var(--muted);font-size:.84rem}.breadcrumb li+li:before{content:"/";margin-right:8px;color:#b5aab7}.breadcrumb a:hover{color:var(--pink)}.page-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:48px;align-items:center;margin-bottom:62px}.page-intro h1,.domain-hero h1,.download-intro h1{font-size:clamp(2.3rem,4.8vw,4.9rem)}.page-intro img{border-radius:30px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}.compact-intro img{aspect-ratio:3/2}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:42px;align-items:start}.content-main>h2{font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.2;margin:0 0 12px}.content-main>p{color:var(--muted);max-width:800px;margin:0 0 28px}.content-main .topic-list{grid-template-columns:1fr}.sticky-note{position:sticky;top:104px;padding:26px;border-radius:24px;background:var(--dark);color:#fff}.sticky-note h2{font-size:1.5rem;line-height:1.3;margin:0 0 12px}.sticky-note p:not(.eyebrow){color:#d8cedb}.sticky-note .button{width:100%;margin:8px 0 18px;background:var(--accent)}.sticky-note .text-link{color:#f3c9dc;border-color:rgba(243,201,220,.35)}.related-strip{margin-top:66px;padding:36px;border-radius:28px;background:var(--soft)}.related-strip h2{font-size:1.8rem}.related-strip .link-row:last-child{border-bottom:0}.reading-section{padding-block:12px 52px}.reading-section .topic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.soft-panel{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:30px;padding:34px 38px;border-radius:28px;background:linear-gradient(120deg,#f5edf3,#f9f3f7)}.soft-panel h2{font-size:1.8rem}.soft-panel p{margin:0;color:var(--muted)}
.domain-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:50px;align-items:center;margin:38px 0 70px}.domain-card{padding:32px;border-radius:28px;background:var(--dark);color:#fff;box-shadow:var(--shadow)}.domain-card span{display:block;color:#cfc2d3;font-size:.82rem}.domain-card strong{display:block;margin:10px 0 22px;font-size:1.55rem;word-break:break-all}.domain-card a{display:inline-flex;padding:10px 16px;border-radius:999px;background:var(--accent);font-weight:800}.download-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:50px;align-items:center;margin:38px 0 64px}.download-intro img{border-radius:30px;box-shadow:var(--shadow)}.notice{margin-top:24px;padding:16px 18px;border-left:4px solid var(--accent);background:#fff5f0;border-radius:0 14px 14px 0;color:#675b58}.notice a{font-weight:800;color:#b65131;border-bottom:1px solid #e9b8a9}.narrow-page{max-width:1000px}.vip-intro{grid-template-columns:minmax(0,1fr) minmax(260px,.75fr)}.error-page{max-width:900px;padding-block:100px}.error-page h1{font-size:clamp(2.6rem,6vw,5.4rem);line-height:1.05;margin:0 0 20px}.error-page>p:not(.eyebrow){font-size:1.12rem;color:var(--muted);max-width:700px;margin-bottom:40px}
.site-footer{margin-top:48px;background:var(--dark);color:#f8f1f5}.footer-grid{width:min(calc(100% - 40px),var(--max));margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding:60px 0 44px}.footer-brand{font-size:1.35rem;font-weight:900;margin:0 0 10px}.footer-grid p{color:#cfc5d1;max-width:620px}.footer-grid nav{display:grid;gap:10px;align-content:start}.footer-grid nav a{color:#eee3ef}.footer-grid nav a:hover{color:#f0a8c7}.footer-bottom{width:min(calc(100% - 40px),var(--max));margin:auto;padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;color:#bfb3c2;font-size:.85rem}
@media(max-width:960px){.home-hero,.page-intro,.domain-hero,.download-intro,.split-story{grid-template-columns:1fr}.hero-media{max-width:720px}.home-hero{padding-top:52px}.content-layout{grid-template-columns:1fr}.sticky-note{position:static}.reading-section .topic-list{grid-template-columns:1fr}.domain-card{max-width:560px}.footer-grid{grid-template-columns:1fr;gap:36px}.main-nav{position:fixed;left:20px;right:20px;top:84px;padding:14px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.menu-button{display:inline-flex}.nav-link{padding:12px 14px}.brand small{display:none}}
@media(max-width:700px){.shell,.header-inner,.footer-grid,.footer-bottom{width:min(calc(100% - 28px),var(--max))}.header-inner{min-height:68px}.brand img{width:38px;height:38px}.home-hero{padding-block:42px}.hero-copy h1,.page-intro h1,.domain-hero h1,.download-intro h1{font-size:clamp(2.25rem,12vw,3.6rem)}.topic-list{grid-template-columns:1fr}.topic-item{padding:22px}.split-story{padding-block:48px}.narrow-section{padding-block:50px}.soft-panel{align-items:flex-start;flex-direction:column;padding:26px}.related-strip{padding:24px}.footer-bottom{gap:14px;flex-direction:column}.page-shell{padding-bottom:54px}.page-intro{gap:28px;margin-bottom:46px}.breadcrumb{margin-bottom:24px}.domain-hero,.download-intro{gap:28px;margin-top:22px}.link-row{align-items:flex-start}.arrow{padding-top:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.subsection-title{margin:54px 0 24px;font-size:clamp(1.55rem,2.6vw,2.4rem);line-height:1.25;color:var(--dark);letter-spacing:-.02em}.search-head{max-width:860px;padding:28px 0 48px}.search-head h1{margin:0 0 16px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.05;letter-spacing:-.04em}.search-head>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.search-form{margin-top:30px;padding:22px;border:1px solid var(--line);border-radius:24px;background:#fff}.search-form label{display:block;margin-bottom:8px;font-weight:800}.search-form>div{display:flex;gap:10px}.search-form input{min-width:0;flex:1;border:1px solid #d9cbd4;border-radius:999px;padding:0 18px;background:#fff;color:var(--text);outline:none}.search-form input:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(217,107,154,.14)}.search-results{padding-bottom:30px}.search-results>h2{font-size:clamp(1.7rem,3vw,2.7rem);margin:0}.result-count{color:var(--muted);margin:6px 0 24px}.empty-state{padding:34px;border-radius:24px;background:var(--soft)}.empty-state h3{margin:0 0 8px}.empty-state p{color:var(--muted);margin:0 0 20px}@media(max-width:600px){.search-form>div{flex-direction:column}.search-form input{min-height:48px}.search-form .button{width:100%}}