: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:#fff;--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}body{margin:0;color:var(--text-body);background:var(--background);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--pink-strong)}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text-title);line-height:1.3}h1{font-size:clamp(28px,3.5vw,42px)}h2{font-size:clamp(21px,2vw,27px)}h3{font-size:18px}.wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:99}.skip:focus{top:8px}.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:5}.header-top{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:25px;color:var(--text-title)}.brand img{width:95px;max-height:48px;object-fit:contain}.brand-mark{display:grid;place-items:center;background:var(--pink-strong);color:white;border-radius:15px;font-weight:900;width:47px;height:47px}.search-form{display:flex;max-width:490px;width:100%;background:#fff7fa;border:1px solid var(--border);border-radius:40px;overflow:hidden}.search-form input{flex:1;width:1px;min-width:0;padding:12px 18px;background:none;border:0;outline-offset:-3px}.search-form button{background:var(--pink-strong);color:white;border:0;padding:10px 23px;font-weight:700}.nav{border-top:1px solid var(--divider)}.nav-inner{display:flex;align-items:center;gap:24px;min-height:53px;overflow-x:auto;scrollbar-width:thin}.nav a{font-weight:650;white-space:nowrap;font-size:14px}.menu-btn{display:none;border:0;background:var(--pink-pale);padding:10px;border-radius:12px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:42px;align-items:center;padding-block:58px 28px}.hero-copy{padding:35px 0}.hero h1{max-width:550px;font-size:clamp(32px,3.1vw,45px);margin:17px 0}.hero p{color:var(--text-muted);font-size:17px;max-width:530px}.eyebrow{display:inline-block;color:var(--pink-strong);font-weight:750;font-size:13px;letter-spacing:.035em;margin-bottom:9px}.primary-btn{display:inline-block;background:var(--pink-strong);color:#fff;border:0;border-radius:10px;padding:12px 22px;font-weight:700}.primary-btn:hover{background:var(--pink-hover);color:#fff}.hero-visual{height:365px;background:linear-gradient(130deg,#ffd5e6,#f2e6ff 55%,#dff2ec);border-radius:25px;overflow:hidden;position:relative;display:grid;place-items:center}.hero-visual>img{width:100%;height:100%;object-fit:contain}.hero-pattern{position:absolute;font-weight:900;font-size:95px;color:#b41f5860;z-index:0;pointer-events:none}.hero-pattern span{display:block;font-size:14px;letter-spacing:12px;text-align:center}.hero-visual:has(img) .hero-pattern{display:none}.quick-links{display:flex;flex-wrap:wrap;gap:11px}.quick-links a{padding:11px 20px;background:white;border:1px solid var(--border);border-radius:30px;font-weight:650;font-size:14px}.section{padding-block:29px 33px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;border-bottom:1px solid var(--border);padding-bottom:15px}.section-head h2{margin:0}.section-head>a{color:var(--pink-strong);font-size:14px;white-space:nowrap}.stories.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.story{min-width:0;background:#fff;border:1px solid var(--border);border-radius:15px;padding:20px}.story h3{margin:0 0 9px;font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.story p{margin:0;font-size:14px;color:var(--text-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.story-img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--pink-pale);margin-bottom:14px;border-radius:10px}.stories.feature{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px}.stories.feature .story:first-child{grid-row:span 2;background:var(--lavender-pale)}.stories.feature .story:first-child h3{font-size:24px}.stories.list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stories.list .story{border-left:4px solid var(--peach);border-radius:8px}.topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.topic-tile,.board-tile{display:block;background:linear-gradient(145deg,#fff,#fff1f7);border:1px solid var(--border);border-radius:16px;padding:22px}.topic-tile h3,.topic-tile h2{font-size:19px}.topic-tile p,.board-tile p{font-size:14px;color:var(--text-muted);margin-bottom:0}.community-banner{display:flex;justify-content:space-between;align-items:center;gap:30px;border-radius:20px;padding:30px 40px;background:var(--lavender-pale)}.community-banner h3{font-size:24px}.page-head{padding-top:50px;padding-bottom:22px}.page-head>p{max-width:800px;color:var(--text-muted);font-size:16px}.reading{max-width:810px}.reading p{line-height:1.85}.article{padding-top:46px}.article h1{font-size:clamp(26px,3vw,38px);margin:14px 0}.article h2{margin-top:37px}.article-meta,.crumb{color:var(--text-muted);font-size:14px}.intro{font-weight:550;color:#574358;font-size:18px;margin:30px 0}.article-cover{max-height:460px;object-fit:contain;margin:20px auto;border-radius:16px}.tag-row{margin:36px 0;display:flex;gap:10px;flex-wrap:wrap}.tag-row a{background:var(--pink-pale);padding:6px 12px;border-radius:14px;color:var(--pink-strong)}.copy-link{padding:9px 15px;border:1px solid var(--pink-strong);background:white;color:var(--pink-strong);border-radius:10px}.pages{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.pages a{display:inline-grid;place-items:center;width:38px;height:38px;background:white;border:1px solid var(--border);border-radius:8px}.pages [aria-current=page]{color:white;background:var(--pink-strong)}.board-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.thread-row{border-bottom:1px solid var(--border);padding:16px 4px;display:flex;justify-content:space-between;gap:15px}.thread-row span{color:var(--text-muted);font-size:13px}.forum-body{white-space:normal;background:white;padding:24px;border-radius:12px}.reply{padding:18px;border-bottom:1px solid var(--border)}.reply small{display:block;color:var(--text-muted)}.stack-form{display:grid;gap:18px;margin:25px 0 60px}.stack-form label{display:grid;gap:6px;font-weight:650}.stack-form input,.stack-form textarea,.stack-form select{border:1px solid var(--border);background:white;border-radius:9px;padding:12px;width:100%}.stack-form textarea{min-height:160px;resize:vertical}.stack-form button{justify-self:start}.notice,.empty{padding:16px 20px;background:var(--mint-pale);border-radius:12px}.moderation{background:white;padding:18px;margin-bottom:10px;border:1px solid var(--border);border-radius:12px}.moderation button{padding:7px 12px;margin-right:8px}.footer{margin-top:70px;background:var(--footer);color:var(--footer-text);padding:50px 0 20px}.footer-cols{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer h3,.footer strong{color:white}.footer a{display:block;color:#f7e7ef;margin-bottom:8px;font-size:14px}.footer p{color:#f5d8e6;max-width:290px}.footer-bottom{border-top:1px solid #695264;padding-top:18px;margin-top:30px;font-size:13px}.mobile-bottom{display:none}.topbtn{position:fixed;bottom:23px;right:22px;border:0;background:var(--pink-strong);color:white;border-radius:50%;height:44px;width:44px;display:none;z-index:4}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.stories.grid{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:repeat(3,1fr)}.board-grid{grid-template-columns:repeat(2,1fr)}.nav-inner{gap:18px}.hero{gap:20px}.hero-visual{height:300px}}@media(max-width:700px){.wrap{width:calc(100% - 34px)}.header-top{min-height:69px;gap:10px}.brand{font-size:21px}.brand-mark{width:42px;height:42px}.header-top .search-form{display:none}.menu-btn{display:block}.nav{display:none;position:absolute;top:69px;right:0;left:auto;width:min(88vw,340px);max-height:calc(100dvh - 69px);overflow:auto;background:white;box-shadow:0 12px 25px #35233730}.nav.is-open{display:block}.nav-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:12px 20px}.nav a{padding:10px 4px;border-bottom:1px solid var(--divider)}.hero{grid-template-columns:1fr;padding-top:20px;gap:10px}.hero-copy{padding:10px 0}.hero h1{font-size:29px}.hero-visual{height:220px}.hero-pattern{font-size:70px}.quick-links{gap:8px}.quick-links a{padding:8px 12px;font-size:13px}.section{padding-block:20px}.stories.grid,.stories.feature,.stories.list{grid-template-columns:1fr 1fr;gap:12px}.stories.feature .story:first-child{grid-column:span 2;grid-row:span 1}.story{padding:13px}.story h3{font-size:16px}.story p{font-size:13px}.topic-grid{grid-template-columns:1fr 1fr;gap:10px}.topic-tile,.board-tile{padding:15px}.topic-tile h3,.topic-tile h2{font-size:16px}.community-banner{display:block;padding:23px}.community-banner .primary-btn{margin-top:5px}.page-head{padding-top:30px}.article{padding-top:26px}.article h1{font-size:27px}.board-grid{grid-template-columns:1fr 1fr}.thread-row{display:block}.thread-row span{display:block;margin-top:5px}.footer{margin-top:45px;padding-bottom:90px}.footer-cols{grid-template-columns:1fr 1fr;gap:23px}.mobile-bottom{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;padding:9px 0 calc(9px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -3px 18px #3027361c;z-index:8}.mobile-bottom a{font-size:13px;font-weight:650}.topbtn{bottom:80px}}@media(max-width:375px){.stories.grid,.stories.feature,.stories.list,.topic-grid{grid-template-columns:1fr}.stories.feature .story:first-child{grid-column:auto}.story{padding:16px}.hero-visual{height:190px}}