 :root{--black:#0D0F14;--nav-black:#17141D;--panel-dark:#22202A;--rose-dark:#522338;--brand-pink:#D83F7C;--action-pink:#9E2055;--hover-pink:#801A46;--light-pink:#F0A7C5;--paper:#FFF9FC;--paper-white:#FFFFFF;--paper-rose:#FCECF3;--paper-gray:#F5F2F6;--border:#EADDE5;--ink-title:#27212B;--ink-body:#4A4250;--ink-muted:#665B6C;--night-title:#FCF7FA;--night-body:#EEE4EB;--mint:#4D958A;--mist-blue:#789AB7;--soft-violet:#A18BC7;--warm-gold:#D7AE6B;--coral:#D9897C}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink-body);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.78;overflow-x:hidden}a{color:var(--action-pink);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.35;color:var(--ink-title);margin:0 0 .75em}h1{font-size:clamp(27px,3.1vw,39px)}h2{font-size:clamp(21px,2.2vw,27px)}h3{font-size:19px}p{margin:.5em 0 1.3em}.wrap{width:min(1250px,calc(100% - 64px));margin-inline:auto}.narrow{max-width:800px}.skip{position:absolute;left:-200vw}.skip:focus{left:1rem;top:1rem;background:#fff;z-index:99}.site-header{background:var(--nav-black);color:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px}.brand{display:flex;align-items:center;gap:9px;color:#fff;font-size:23px;font-weight:900;letter-spacing:.02em;white-space:nowrap}.brand:hover{text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:.14em;color:#eadce4;line-height:1}.brand-logo{max-width:86px;max-height:42px;object-fit:contain}.accent{color:#F07CA9}.mainnav{display:flex;align-items:center;gap:24px}.mainnav a{color:#f6eaf0;font-weight:600;font-size:15px;padding:22px 0 17px;border-bottom:3px solid transparent}.mainnav a[aria-current]{border-color:#F07CA9}.header-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.search-trigger{color:#fff}.menu-toggle{color:#fff;background:#702348;border:1px solid #ab547a;border-radius:10px;padding:9px 13px}.subnav{background:#fcecf3;border-bottom:1px solid var(--border)}.subnav-track{display:flex;align-items:center;gap:26px;overflow-x:auto;white-space:nowrap;min-height:43px;scrollbar-width:thin}.subnav a{font-size:14px;font-weight:600;color:#603248}.page{padding:45px 0 75px;min-height:55vh}.lead{max-width:820px;font-size:17px;line-height:1.85;color:var(--ink-body)}.eyebrow{font-size:12px;color:#8b315c;font-weight:750;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--action-pink);color:#fff;min-height:45px;padding:9px 20px;border-radius:10px;border:1px solid var(--action-pink);font-weight:700}.btn:hover{background:var(--hover-pink);text-decoration:none}.btn-outline{background:transparent;color:var(--action-pink)}.btn-outline:hover{background:var(--paper-rose);color:var(--hover-pink)}.hero{margin:30px 0 60px;min-height:355px;background:linear-gradient(125deg,#17141D 5%,#37202d 65%,#68253f);border-radius:17px;display:grid;grid-template-columns:40% 60%;overflow:hidden;color:var(--night-body)}.hero-copy{padding:45px 40px;display:flex;flex-direction:column;justify-content:center}.hero .eyebrow{color:#ffb7d4}.hero h1{color:#fff}.hero p{color:#f4e7ef}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-visual{min-width:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#ab3d6a30,transparent 70%);padding:16px}.hero-visual img{max-width:100%;max-height:375px;object-fit:contain}.hero-word{font-size:clamp(55px,7vw,112px);font-weight:900;letter-spacing:-.06em;color:#ef86b0;line-height:1.1}.layout-main{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:34px}.main-column{min-width:0}.side-panel{border-left:1px solid var(--border);padding-left:22px}.side-panel h3{font-size:17px}.side-panel a{display:block;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.module{padding:16px 0 40px;margin-bottom:22px;border-bottom:1px solid var(--border)}.module-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:20px}.module-heading h2{margin:0}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tile{min-width:0;border:1px solid var(--border);background:#fff;padding:21px;border-radius:13px;box-shadow:0 5px 22px #4d1e3207}.tile h3{font-size:17px;margin:7px 0}.tile h3 a{color:var(--ink-title)}.tile p{font-size:14px;line-height:1.75;color:var(--ink-muted)}.tile-media{margin:-21px -21px 17px;min-height:120px;max-height:200px;background:#f5edf2;display:flex;align-items:center;justify-content:center;border-radius:13px 13px 0 0;overflow:hidden}.tile-img{width:100%;height:185px;object-fit:contain}.text-link{font-size:13px;font-weight:700}.compact-list{display:grid;gap:0}.compact-row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--border)}.compact-row strong{color:#26212b}.compact-row p{font-size:14px;margin:4px 0}.tag{display:inline-block;font-size:12px;color:#78334f;background:#f9e6ee;border-radius:30px;padding:2px 9px;white-space:nowrap}.feature-band{border-radius:15px;background:#211a24;color:#eae2ea;padding:28px 32px;margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-band h2,.feature-band h3{color:#fff}.feature-band a{color:#ffd0e2}.light-band{background:#fcecf3;color:#352835}.light-band h2,.light-band h3{color:#2c222a}.light-band a{color:#8b214d}.category-hero{display:flex;align-items:center;gap:30px;padding:26px;border-radius:15px;background:#fcecf3;margin:25px 0 38px}.category-hero img{width:min(45%,400px);max-height:240px;object-fit:contain}.callout{border-left:4px solid var(--brand-pink);padding:25px 30px;background:#fcecf3;border-radius:0 12px 12px 0;margin:40px 0}.article-shell{max-width:770px}.article-shell .article-body{font-size:17px;line-height:1.88}.article-shell .article-body p{margin:1em 0 1.45em}.article-cover{display:flex;align-items:center;justify-content:center;background:#f6edf2;border-radius:15px;margin:25px 0;max-height:360px;overflow:hidden}.article-cover img{object-fit:contain;max-height:355px}.breadcrumbs{font-size:14px;margin:12px 0 28px}.post-list{background:white;border:1px solid var(--border);border-radius:14px;overflow:hidden}.post-list article{padding:17px 23px;border-bottom:1px solid var(--border)}.post-list article:last-child{border-bottom:0}.post-list h3{margin:5px 0}.post-list h3 a{color:var(--ink-title)}.post-meta{font-size:13px;color:#665B6C}.form-panel{background:#fff;border:1px solid var(--border);padding:25px;border-radius:14px;max-width:760px}.form-panel label{display:block;font-weight:700;margin:15px 0 7px}.form-panel input,.form-panel textarea,.form-panel select{display:block;border:1px solid #bfb1bc;border-radius:9px;padding:12px;width:100%;background:white;color:var(--ink-title)}.form-panel textarea{min-height:145px;resize:vertical}.notice{background:#f3ebef;border-left:4px solid #8d2f5c;padding:14px 18px;margin:18px 0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.filters a{display:inline-block;border:1px solid #dcbacb;background:white;color:#633046;padding:8px 12px;border-radius:8px}.pager{display:flex;gap:8px;margin:24px 0}.pager a,.pager span{padding:7px 12px;border:1px solid var(--border);border-radius:7px}.site-footer{background:var(--nav-black);color:#e9dfe7;padding:46px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.site-footer strong{color:#fff}.site-footer em{font-size:11px;font-style:normal}.site-footer a{color:#f4bfd3}.site-footer p{font-size:14px}.footer-bottom{border-top:1px solid #3e3440;font-size:12px;padding-top:20px;margin-top:25px}.mobile-bottom{display:none}.drawer-backdrop{position:fixed;inset:0;background:#0b0710a8;z-index:35}.drawer{position:fixed;right:0;top:0;height:100dvh;width:min(420px,88vw);padding:24px;background:#fff;z-index:40;overflow-y:auto;box-shadow:-16px 0 45px #0004}.drawer[inert]{visibility:hidden;pointer-events:none}.drawer-top{display:flex;align-items:center;justify-content:space-between}.drawer-top button{border:0;background:#fcecf3;padding:8px 12px;border-radius:8px}.drawer-search{display:grid;gap:7px;margin:20px 0}.drawer-search input{padding:10px;border:1px solid #bbb;border-radius:7px}.drawer-search button{padding:9px;border:0;border-radius:7px;color:#fff;background:var(--action-pink)}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.drawer-links a{font-size:14px;padding:8px;border-bottom:1px solid var(--border)}.drawer-open{overflow:hidden}
@media(max-width:1100px){.layout-main{grid-template-columns:1fr}.side-panel{border:0;padding:0}.mainnav{gap:12px}.mainnav a{font-size:14px}}
@media(max-width:850px){.mainnav{display:none}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:30px}}
@media(max-width:600px){.wrap{width:calc(100% - 34px)}.topbar{min-height:64px}.brand{font-size:21px}.header-actions{gap:8px}.menu-toggle{font-size:12px;padding:9px}.search-trigger{font-size:13px}.hero{grid-template-columns:1fr;margin:20px 0 28px;min-height:0}.hero-copy{padding:27px 22px 12px}.hero-visual{min-height:130px;padding:16px}.hero-visual img{max-height:250px}.hero-word{font-size:60px}.tile-grid{grid-template-columns:1fr}.module{padding:12px 0 25px;margin-bottom:16px}.feature-band{grid-template-columns:1fr;padding:20px}.footer-grid{grid-template-columns:1fr;gap:15px}.page{padding:30px 0 95px}.category-hero{display:block}.category-hero img{width:100%}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);background:#211923;box-shadow:0 -4px 15px #0002;padding:9px 0 max(9px,env(safe-area-inset-bottom))}.mobile-bottom a{color:#fff;text-align:center;font-size:13px;font-weight:700}.site-footer{padding-bottom:92px}.post-list article{padding:14px 17px}.module-heading{align-items:flex-start}.callout{padding:18px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}