:root{color-scheme:light;--ink:#282038;--muted:#635971;--paper:#faf8f5;--surface:#fffdfb;--line:#e8e0ec;--purple:#5e4292;--coral:#bd473f;color:var(--ink);background:var(--paper);font:16px/1.55 system-ui,Microsoft YaHei,sans-serif}*,:before,:after{box-sizing:border-box}body{flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1;padding-block:28px 42px}h1,h2,h3,p,figure{margin:0}a{color:inherit}button,input{font:inherit}[hidden]{display:none!important}:focus-visible{outline-offset:3px;outline:2px solid #8665b1}.shell{width:min(1200px,100% - 64px);margin-inline:auto}.site-header{z-index:5;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar{justify-content:space-between;align-items:center;gap:14px;min-height:68px;display:flex}.brand,.nav-search,.nav-account,.topbar nav a,.category,.resource-card{text-decoration:none}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:800;line-height:1.15;display:inline-flex}.brand-mark{color:#fff2b9;background:#3f305f;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:2px 2px #e7c7fa}.brand small{letter-spacing:.12em;color:var(--muted);margin-top:4px;font-size:9px;display:block}.topbar nav{gap:6px;display:flex}.topbar-actions{align-items:center;gap:6px;display:flex}.topbar nav a,.nav-search,.nav-account{white-space:nowrap;border-radius:9px;padding:7px 13px;font-size:14px;font-weight:700}.topbar nav a{color:var(--muted)}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:var(--purple);background:#efe7f9}.nav-search{border:1px solid var(--line);align-items:center;gap:5px;display:flex}.nav-search:hover{background:#f4edf9}.nav-account{color:var(--purple);background:#efe7f9}.nav-account:hover,.nav-account[aria-current=page]{background:#e3d7f4}.hero{background:radial-gradient(#aa83c62e 1px,#0000 1px) 0 0/16px 16px,linear-gradient(125deg,#fbf2fa 4%,#ede0f6 80%);border:1px solid #e5d8ef;border-radius:26px;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);padding:14px;display:grid;box-shadow:0 7px #ded0ec5c}.hero-copy{padding:clamp(26px,4.5vw,64px);align-self:center;min-width:0;padding-right:clamp(22px,3vw,44px)}.eyebrow{color:var(--purple);letter-spacing:.11em;background:#ffffffa8;border:1px solid #dfd1ec;border-radius:7px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.eyebrow b,.hero-art figcaption b{color:var(--coral)}.eyebrow i{background:#cdbcdc;width:1px;height:11px}.hero h1{letter-spacing:-.055em;margin:18px 0 12px;font-size:clamp(42px,5.4vw,80px);font-weight:900;line-height:1.09}.hero h1 span{color:var(--purple)}.hero-copy>p{color:var(--muted);margin-bottom:22px;font-size:clamp(14px,1.4vw,17px)}.hero-art{background:#e4b5d4;border-radius:17px;min-height:385px;position:relative;overflow:hidden}.hero-art img{object-fit:cover;object-position:55% 16%;width:100%;height:100%;position:absolute;inset:0}.hero-art:after{content:"";pointer-events:none;border:1px solid #ffffff80;border-radius:12px;position:absolute;inset:9px}.hero-art figcaption{z-index:1;background:#fff9f3ef;border:1px solid #fff;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:750;position:absolute;bottom:19px;right:19px}.search-form{background:var(--surface);border:1px solid #d9c8e4;border-radius:12px;align-items:center;gap:8px;max-width:380px;padding:5px 5px 5px 13px;display:flex;box-shadow:0 3px #d7c2e270}.search-icon{color:var(--purple);display:grid}.search-form input{width:0;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;padding:6px 2px;font-size:14px}.search-form input:focus{outline:none}.search-form:focus-within{outline-offset:2px;outline:2px solid #8665b1}.search-form button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:750}.search-form button:hover{background:#a73a36}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:25px;display:grid}.category{--accent:#5e4292;--accent-bg:#f2ebfb;border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:16px;min-width:0;padding:17px 19px;transition:transform .18s,border-color .18s;display:flex}.category-tools{--accent:#a44336;--accent-bg:#ffebe1}.category:hover{border-color:#cdb5e2;transform:translateY(-2px)}.category-icon,.small-icon{color:var(--accent,var(--purple));background:var(--accent-bg,#eee4f8);border-radius:12px;flex:none;place-items:center;display:grid}.category-icon{width:56px;height:56px;font-size:24px}.category-copy{gap:2px;min-width:0;display:grid}.category-copy small,.kicker{letter-spacing:.14em;color:var(--accent,var(--purple));font-size:10px;font-weight:800}.category-copy strong{font-size:19px}.category-copy>span{color:var(--muted);font-size:13px}.category-arrow,.resource-arrow{color:var(--accent,var(--purple));margin-left:auto;display:grid}.home-content{grid-template-columns:minmax(0,3.1fr) minmax(0,1fr);align-items:start;gap:16px;margin-top:26px;display:grid}.panel,.guide{border:1px solid var(--line);background:var(--surface);border-radius:17px;min-width:0;padding:19px}.panel h2{margin-bottom:13px;font-size:23px}.guide{--accent:#a44336;--accent-bg:#f9dfd3;background:#fff2e9;border-color:#efded6}.small-icon{width:36px;height:36px;font-size:18px}.guide h2{margin:8px 0 4px;font-size:17px}.guide p,.empty p{color:var(--muted);font-size:13px}.empty{text-align:center;background:#faf6fd;border:1px dashed #dcd0e8;border-radius:13px;justify-items:center;gap:7px;padding:25px 14px;display:grid}.resource-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.resource-card{border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;padding:12px;display:flex}.resource-card:hover{background:#fbf7ff;border-color:#cdb5e2}.resource-card img{aspect-ratio:3/2;object-fit:cover;border-radius:8px;width:min(24%,128px);height:auto}.resource-meta,.resource-card p{color:var(--muted);font-size:13px}.resource-meta time{white-space:nowrap}.resource-card h3{overflow-wrap:anywhere;margin-block:3px;font-size:17px}.catalog-banner{color:#fff;background:radial-gradient(#ffffff35 1px,#0000 1px) 0 0/18px 18px,linear-gradient(125deg,#332747,#69477e 70%,#9a5b76);border-radius:22px;padding:clamp(22px,5vw,54px)}.catalog-banner.tools-banner{background:radial-gradient(#ffffff35 1px,#0000 1px) 0 0/18px 18px,linear-gradient(125deg,#422c4f,#874d63 72%,#a65150)}.catalog-banner h1,.article h1{overflow-wrap:anywhere;margin-block:11px;font-size:clamp(30px,6vw,52px);line-height:1.2}.catalog-banner p{color:#f0e9f5}.catalog-banner form{margin-top:17px}.page-panel{max-width:900px;margin:20px auto 0}.list-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.list-heading>span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.article{padding:clamp(16px,5vw,44px)}.article-cover,.article-content img,.article-content video{border-radius:10px;max-width:100%;height:auto}.article-cover{margin-top:20px;display:block}.article-content{overflow-wrap:anywhere;margin-top:20px;line-height:1.8}.article-content>*+*{margin-top:1em}.article-content a,.breadcrumbs a,.empty a{color:var(--purple)}.resource-download{margin-top:20px}.resource-download a{margin-top:9px}.breadcrumbs{flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.account-panel{max-width:480px;padding:clamp(20px,5vw,34px)}.account-panel h1{margin-block:5px;font-size:clamp(26px,6vw,36px);line-height:1.3}.account-intro,.comment-form>p,.interaction-message,.comment-login{color:var(--muted);font-size:14px}.interaction-message{overflow-wrap:anywhere;margin-block:12px}.interaction-message[data-error=true]{color:#a44336}.account-form,.comment-form{gap:13px;margin-top:16px;display:grid}.account-form label,.comment-form label{gap:5px;font-size:14px;font-weight:700;display:grid}.account-form input,.comment-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:9px;padding:9px 11px;font-weight:400}.comment-form textarea{resize:vertical}.account-switch,.account-buttons{flex-wrap:wrap;gap:8px;display:flex}.account-buttons{margin-top:14px}.account-help{flex-wrap:wrap;gap:8px 16px;display:flex}.account-help button{color:var(--purple);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.account-help button:disabled{cursor:wait;opacity:.65}.account-switch button{border:1px solid var(--line);color:var(--purple);background:var(--surface);cursor:pointer;border-radius:8px;padding:6px 15px}.account-switch button[aria-pressed=true]{background:#efe7f9;border-color:#e3d7f4}.interaction-button{background:var(--purple);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-self:start;padding:9px 15px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.interaction-button.secondary{color:var(--purple);background:#efe7f9}.interaction-button:disabled,.account-switch button:disabled{cursor:wait;opacity:.65}.comment-login a{color:var(--purple);font-weight:700}.comment-list{gap:10px;margin:15px 0 0;padding:0;list-style:none;display:grid}.comment-list:empty{margin:0}.comment-list li{border:1px solid var(--line);background:#faf6fd;border-radius:11px;padding:11px 13px}.comment-list li>p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}.comment-meta{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:13px;display:flex}.comment-meta strong{color:var(--ink);overflow-wrap:anywhere}.comment-state{color:#8d392d;background:#ffebe1;border-radius:5px;padding-inline:6px}.site-footer{color:#e2d8ea;background:#302741}.site-footer .shell{justify-content:space-between;gap:12px;padding-block:19px;font-size:13px;display:flex}@media (width<=782px){.shell{width:calc(100% - 32px)}.hero-copy{padding:24px 18px}.hero-art{min-height:310px}}@media (width<=600px){main{padding-block:16px 28px}.topbar{gap:5px;width:calc(100% - 24px);min-height:60px}.topbar nav{gap:1px}.topbar nav a{padding:6px;font-size:12px}.brand{gap:6px;font-size:15px}.brand small,.nav-search span{display:none}.brand-mark{border-radius:8px;width:29px;height:29px}.nav-search{padding:7px}.topbar-actions{gap:4px}.nav-account{padding:6px;font-size:12px}.hero{border-radius:20px;grid-template-columns:minmax(0,1fr);padding:9px}.hero-copy{padding:19px 12px 23px}.hero h1{margin:12px 0 8px;font-size:clamp(42px,11vw,58px)}.hero-copy>p{margin-bottom:14px}.hero-art{aspect-ratio:1.68;border-radius:13px;min-height:0}.hero-art figcaption{bottom:15px;right:15px}.categories{gap:8px;margin-top:18px}.category{gap:8px;padding:11px 9px}.category-icon{border-radius:8px;width:33px;height:33px;font-size:17px}.category-copy small{letter-spacing:.05em;font-size:8px}.category-copy strong{font-size:14px}.category-copy>span{display:none}.category-arrow{font-size:12px}.home-content{grid-template-columns:minmax(0,1fr);margin-top:18px}}@media (width<=360px){.topbar-actions .nav-search{display:none}}@media (prefers-reduced-motion:reduce){.category{transition:none}.category:hover{transform:none}}