 :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',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--pink-strong)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--lavender);outline-offset:2px}.wrap{max-width:1300px;padding:0 32px;margin:auto}.topstrip{background:var(--pink-pale);font-size:13px;color:#76505f}.topstrip .wrap{display:flex;justify-content:space-between}.mast{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;font-weight:900;color:#302736;font-size:32px;letter-spacing:-2px;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#8e5274}.brand-dot{color:var(--pink-strong)}.logo{width:150px;max-height:56px;object-fit:contain;margin-right:8px}.searchbox{display:flex;max-width:540px;width:52%;border:1px solid var(--border);border-radius:99px;overflow:hidden;background:white}.searchbox input{flex:1;min-width:0;padding:9px 20px;border:0;outline:0}.searchbox button,.btn,form button.primary{border:0;background:var(--pink-strong);color:#fff;padding:10px 24px;border-radius:30px}.searchbox button:hover,.btn:hover{background:var(--pink-hover);color:#fff}.nav{background:#fff;border-block:1px solid var(--border)}.nav-inner{display:flex;align-items:center;gap:26px;white-space:nowrap;overflow-x:auto}.nav a{padding:11px 0;font-weight:650;font-size:14px}.menu-btn{display:none;background:white;border:1px solid var(--border);border-radius:10px;padding:7px 14px}.hero{margin-top:30px;display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:stretch}.hero-main{min-height:360px;padding:55px;background:linear-gradient(135deg,#ffe0eb,#fff2f8 65%,#f3edff);border-radius:22px;position:relative;overflow:hidden}.eyebrow{display:inline-block;background:#fff;border-radius:40px;padding:3px 16px;font-size:13px;color:var(--pink-strong);font-weight:700}.hero h1{font-size:42px;line-height:1.25;letter-spacing:-1px;color:var(--text-title);max-width:620px}.hero p{max-width:540px}.hero-side{background:white;border:1px solid var(--border);padding:28px;border-radius:18px}.hero-side li{margin:12px 0}.section{padding-top:48px;padding-bottom:12px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:0 0 20px;gap:12px}.section h2,.section-head h2{font-size:27px;line-height:1.35;margin:0;color:var(--text-title)}.section-head a,.more{color:var(--pink-strong);font-weight:650}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid var(--border);border-radius:15px;overflow:hidden;min-width:0}.card>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.card-body{padding:20px}.card h3{font-size:18px;line-height:1.45;color:var(--text-title);margin:8px 0}.card p{color:var(--text-muted);font-size:14px;line-height:1.7;margin:0}.card small,.muted{font-size:13px;color:var(--text-muted)}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill-row a,.tag{border-radius:24px;border:1px solid #f4cbd9;background:white;padding:6px 15px;font-size:14px}.split{display:grid;grid-template-columns:1.55fr 1fr;gap:32px}.compact-list{background:white;border:1px solid var(--border);padding:10px 24px;border-radius:16px;list-style:none;margin:0}.compact-list li{padding:13px 0;border-bottom:1px solid var(--divider)}.compact-list li:last-child{border:0}.feature{background:var(--lavender-pale);padding:30px;border-radius:18px}.feature.mint{background:var(--mint-pale)}.feature.peach{background:#fff0e7}.feature img{width:100%;aspect-ratio:16/9;object-fit:contain}.feature h3{font-size:23px;line-height:1.4}.topic-card{padding:22px;background:white;border-left:5px solid var(--pink-primary);border-radius:12px}.topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.breadcrumb{color:var(--text-muted);font-size:14px;margin:25px 0}.page-hero{padding:32px 0 18px;border-bottom:1px solid var(--border)}.page-hero h1{font-size:36px;line-height:1.3;margin:8px 0}.reading{max-width:780px;margin:36px auto 70px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:36px 48px}.reading h1{font-size:33px;line-height:1.4}.reading h2{margin-top:30px;font-size:23px;color:#372b3a}.reading p{font-size:17px;line-height:1.85}.reading img{width:100%;height:auto;max-height:410px;object-fit:contain}.lead{font-size:18px;color:#67505d}.pagination{display:flex;gap:8px;margin:24px 0;flex-wrap:wrap}.pagination a{padding:5px 13px;background:white;border:1px solid var(--border);border-radius:8px}.pagination a[aria-current]{background:var(--pink-strong);color:#fff}.footer{background:var(--footer);color:var(--footer-text);margin-top:60px;padding:50px 0 20px}.footgrid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footgrid a{display:block;color:#f1d5e4;font-size:14px;margin:8px 0}.footgrid p{max-width:350px;color:#ebd6e7}.footbottom{border-top:1px solid #5c415d;padding-top:20px;margin-top:30px;font-size:13px}.backtop{position:fixed;right:20px;bottom:22px;background:var(--pink-strong);color:white;border:0;border-radius:50%;height:44px;width:44px}.bottom-nav,.drawer,.drawer-cover{display:none}.notice{padding:16px;background:var(--mint-pale);border-radius:10px}.form{display:grid;gap:14px;max-width:650px}.form input,.form textarea,.form select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px}.form label{font-weight:650}.forum-row{display:flex;justify-content:space-between;gap:15px;padding:16px;border-bottom:1px solid var(--border)}.forum-row small{color:var(--text-muted)}.board-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.board-grid a{background:white;padding:18px;border:1px solid var(--border);border-radius:12px}.mini{font-size:13px}.discussion{white-space:pre-wrap;line-height:1.8}.mini-sections{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mini-sections a{padding:14px 16px;background:#fff;border:1px solid var(--border);border-radius:12px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{padding:12px;border-bottom:1px solid var(--border);text-align:left} .drawer[aria-hidden="true"]{display:none}@media(max-width:1024px){.wrap{padding-inline:24px}.nav-inner{gap:18px}.hero h1{font-size:36px}.cards{gap:15px}.hero-main{padding:35px}.footgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){body{padding-bottom:60px}.wrap{padding-inline:17px}.topstrip{display:none}.mast{min-height:68px;gap:10px}.brand{font-size:26px}.brand small{font-size:8px}.logo{width:96px}.mast .searchbox{display:none}.nav{display:none}.menu-btn{display:block}.hero,.split{grid-template-columns:1fr}.hero{gap:14px;margin-top:15px}.hero-main{min-height:290px;padding:27px}.hero h1{font-size:29px}.hero-side{padding:20px}.section{padding-top:32px}.section-head h2{font-size:23px}.cards{grid-template-columns:1fr}.topics,.board-grid,.mini-sections{grid-template-columns:1fr 1fr}.page-hero h1{font-size:27px}.reading{margin:20px 10px 40px;padding:21px 18px}.reading h1{font-size:27px}.footgrid{grid-template-columns:1fr 1fr;gap:15px}.footgrid h3{font-size:16px}.footer{padding-top:28px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:white;border-top:1px solid var(--border);justify-content:space-around;padding:8px 0 max(9px,env(safe-area-inset-bottom));font-size:13px}.backtop{bottom:77px}.drawer{display:flex;flex-direction:column;gap:4px;position:fixed;top:0;bottom:0;right:0;width:min(86vw,320px);z-index:80;background:#fff;padding:20px;overflow-y:auto;transform:translateX(110%);transition:transform .2s}.drawer.open{transform:translateX(0)}.drawer a{padding:10px;border-bottom:1px solid var(--border)}.drawer-close{align-self:flex-end;border:0;background:var(--pink-pale);padding:5px 15px}.drawer-cover{display:block;position:fixed;inset:0;background:#1c1125a0;z-index:70}.drawer-cover[hidden]{display:none}}@media(max-width:360px){.topics,.board-grid,.mini-sections{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}}
