@charset "UTF-8";
:root{--pink-primary:#F04C89;--pink-strong:#C52663;--pink-hover:#B41F58;--pink-soft:#FFDCE9;--pink-pale:#FFF0F5;--rose:#E75C87;--peach:#F5A18D;--apricot:#E9AC65;--lavender:#AA8BDD;--lavender-pale:#F3EDFF;--mint:#65B9A5;--mint-pale:#E8F7F2;--blue:#85B7E8;--blue-pale:#EDF5FF;--background:#FFFAFC;--surface:#FFFFFF;--surface-soft:#FFF5F8;--text-title:#302736;--text-body:#403745;--text-muted:#685C6A;--border:#EADDE5;--divider:#F0E4EA;--footer:#352337;--footer-text:#FFF5FA}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text-body);font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--pink-strong)}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}.container{width:min(100% - 60px,1290px);margin:auto}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip{position:absolute;transform:translateY(-300%);z-index:40;background:white;padding:8px}.skip:focus{transform:none}.topline{background:var(--pink-pale);font-size:13px;color:#77475c;padding:4px 0}.topline span{float:right}.site-header{background:white;border-bottom:1px solid var(--divider)}.header-inner{display:flex;align-items:center;gap:30px;min-height:76px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:25px;font-weight:800;color:var(--text-title);line-height:1.2}.brand-mark{display:grid;place-items:center;width:49px;height:49px;background:var(--pink-strong);border-radius:14px;color:white;font-size:24px}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:2px;color:var(--text-muted);margin-top:5px}.site-search{display:flex;max-width:520px;flex:1;margin:auto;border:1px solid var(--border);border-radius:30px;background:var(--background);overflow:hidden}.site-search input{border:0;outline:0;flex:1;min-width:40px;padding:10px 18px;background:transparent}.site-search button,.btn{background:var(--pink-strong);color:white;border:0;border-radius:30px;padding:9px 22px;display:inline-block;font-weight:650}.site-search button:hover,.btn:hover{background:var(--pink-hover);color:white}.navstrip{background:white;border-bottom:1px solid var(--divider)}.nav-inner{display:flex;gap:27px;align-items:center;overflow-x:auto;white-space:nowrap;min-height:49px;font-size:14px;font-weight:650}.nav-inner a:hover{color:var(--pink-strong)}.menu-toggle,.mobile-menu,.menu-backdrop{display:none}.hero{display:grid;grid-template-columns:1.25fr .75fr;background:linear-gradient(125deg,#ffe8ef,#fffafc 62%,#f3edff);border:1px solid #f7d9e5;min-height:360px;border-radius:22px;overflow:hidden;margin:32px 0 26px;align-items:center}.hero-copy{padding:44px 55px}.eyebrow{font-size:13px;color:var(--pink-strong);letter-spacing:1px;font-weight:750}.hero h1{font-size:clamp(30px,3.4vw,46px);line-height:1.28;color:var(--text-title);margin:15px 0}.hero p{max-width:550px;color:var(--text-muted);font-size:17px}.hero-art{min-height:300px;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 65% 30%,#fff 0%,#ffcae0 42%,#f1c9fa 95%)}.hero-art img{height:100%;width:100%;object-fit:contain}.hero-art .hero-letter{font-weight:900;color:#a72864;font-size:clamp(80px,13vw,190px);line-height:1;opacity:.78}.quick-links{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 40px}.quick-links a{border:1px solid var(--border);background:white;border-radius:40px;padding:6px 17px;font-size:14px}.quick-links a:hover{background:var(--pink-pale)}.section{margin:48px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--divider);padding-bottom:12px;margin-bottom:22px}.section-title h2{margin:0;font-size:26px;color:var(--text-title);line-height:1.35}.section-title a{color:var(--pink-strong);font-size:14px;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.panel,.topic-card{background:white;border:1px solid var(--border);border-radius:15px;overflow:hidden}.card{min-height:165px}.card-image{display:block;aspect-ratio:16/9;object-fit:contain;width:100%;background:var(--pink-pale)}.card-text{padding:17px 20px}.card h3{font-size:19px;line-height:1.45;margin:5px 0 8px;color:var(--text-title)}.card p,.list-card p{margin:0 0 8px;color:var(--text-muted);font-size:14px;line-height:1.7}.card small,.list-card small{font-size:12px;color:var(--text-muted)}.list-card{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid var(--divider)}.list-card .card-image{width:150px;flex:none;border-radius:10px}.list-card .card-text{padding:0}.list-card h3{margin:3px 0;font-size:18px;line-height:1.5}.split{display:grid;grid-template-columns:1.55fr .85fr;gap:28px}.panel{padding:26px}.panel h1,.page-heading h1{font-size:clamp(28px,3vw,36px);color:var(--text-title);line-height:1.4}.panel h2{font-size:23px}.panel p{max-width:850px}.feature-panel{background:#f7f0ff;border-radius:18px;padding:30px}.feature-panel h2{margin-top:0}.mini-list{list-style:none;padding:0;margin:0}.mini-list li{border-bottom:1px solid var(--divider);padding:11px 0}.mini-list li:last-child{border:0}.mini-list small{display:block;color:var(--text-muted)}.page-heading{padding:34px 0 22px}.page-heading p{color:var(--text-muted);margin:5px 0}.crumbs{font-size:13px;color:var(--text-muted);padding-top:22px}.crumbs a{color:var(--pink-strong)}.tag-row{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.tag{display:inline-block;font-size:13px;padding:5px 13px;border-radius:20px;background:var(--pink-pale);color:#943358}.pagination{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.pagination a{border:1px solid var(--border);background:white;border-radius:8px;padding:5px 12px}.pagination a[aria-current]{background:var(--pink-strong);color:white}.article-wrap{max-width:800px;margin:auto}.article-header h1{font-size:clamp(29px,3vw,40px);line-height:1.35;color:var(--text-title);margin-bottom:14px}.article-header .lead{font-size:18px;color:var(--text-muted)}.meta{color:var(--text-muted);font-size:13px}.article-body{font-size:17px;line-height:1.85;margin:30px 0 40px}.article-body p{margin:0 0 24px}.article-body h2{font-size:23px;margin:32px 0 12px;color:var(--text-title)}.article-hero{aspect-ratio:16/9;object-fit:contain;width:100%;border-radius:14px;background:var(--pink-pale)}.footer{background:var(--footer);color:var(--footer-text);margin-top:70px;padding:42px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer h3,.footer h4{margin:0 0 14px}.footer p{color:#ead8e6;max-width:290px}.footer a{display:block;color:#ead8e6;font-size:14px;margin:6px 0}.footer a:hover{color:white}.footer-bottom{border-top:1px solid #674e65;margin-top:30px;padding-top:18px;font-size:12px;color:#decbdc}.bottom-nav{display:none}.back-top{position:fixed;bottom:25px;right:20px;border:1px solid var(--border);border-radius:50%;background:#fff;padding:8px 15px;color:var(--pink-strong);box-shadow:0 3px 12px #0001}.form-field{display:block;margin:14px 0}.form-field span{display:block;font-weight:700;margin-bottom:6px}.form-field input,.form-field textarea,.form-field select{display:block;width:100%;border:1px solid #d8c5d2;border-radius:9px;padding:11px 13px;background:white}.notice{background:var(--mint-pale);border-left:4px solid var(--mint);padding:12px 18px;border-radius:8px;margin:18px 0}.warning{background:#fff0e5;border-left-color:#c36b2d}.topic-card{padding:20px}.topic-card h3{margin:3px 0}.topic-card p{color:var(--text-muted)}.forum-post{padding:18px 0;border-bottom:1px solid var(--divider)}.forum-post h3{margin:0}.error{color:#a41e40;font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--lavender);outline-offset:2px}
@media(max-width:1100px){.nav-inner{gap:19px}.container{width:calc(100% - 42px)}.split{grid-template-columns:1.5fr 1fr}.footer-grid{gap:22px}}
@media(max-width:850px){.navstrip,.header-community{display:none}.menu-toggle{display:block;background:var(--pink-pale);border:0;color:var(--pink-strong);padding:10px;border-radius:10px}.header-inner{gap:16px}.site-search{max-width:none}.mobile-menu{display:flex;flex-direction:column;position:fixed;z-index:100;top:0;left:0;bottom:0;width:min(88vw,340px);background:white;overflow-y:auto;padding:20px;transform:translateX(-105%);transition:transform .2s}.mobile-menu.open{transform:translateX(0)}.mobile-menu a{padding:9px;border-bottom:1px solid var(--divider)}.menu-close{background:var(--pink-pale);border:0;padding:10px;text-align:left;color:var(--pink-strong)}.menu-backdrop.visible{display:block;position:fixed;inset:0;background:#23172499;z-index:90}.hero{grid-template-columns:1fr 1fr;min-height:310px}.hero-copy{padding:30px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body{font-size:15px}.container{width:calc(100% - 32px)}.topline span{display:none}.header-inner{flex-wrap:wrap;padding:12px 0;min-height:auto}.brand{font-size:21px}.brand-mark{width:43px;height:43px}.site-search{order:3;flex-basis:100%;margin:0}.menu-toggle{margin-left:auto}.hero{grid-template-columns:1fr;margin:20px 0;min-height:auto}.hero-copy{padding:28px 24px}.hero h1{font-size:31px}.hero-art{min-height:140px;max-height:180px}.hero-art .hero-letter{font-size:95px}.grid,.grid.two{grid-template-columns:1fr}.section{margin:33px 0}.section-title h2{font-size:22px}.list-card .card-image{width:100px}.list-card h3{font-size:16px}.list-card{gap:12px}.panel{padding:20px}.footer{margin-top:40px;padding-bottom:75px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:span 2}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--border);z-index:50;padding:8px 2px max(8px,env(safe-area-inset-bottom))}.bottom-nav a{text-align:center;font-size:13px;color:var(--pink-strong)}.back-top{bottom:67px}.article-body{font-size:16px}.page-heading{padding-top:22px}}