:root{--blue:#2456e8;--ink:#1d2536;--muted:#7b8495;--line:#e8ecf2;--bg:#f4f6f9;font:14px/1.6 "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a{transition:color .18s,background .18s,box-shadow .18s,border-color .18s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9ab5ff;outline-offset:3px}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}h1,h2,h3,p{overflow-wrap:anywhere}button{min-height:44px}section[id]{scroll-margin-top:88px}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:var(--blue);color:white;padding:12px}.skip-link:focus{top:8px}
header{height:72px;display:flex;align-items:center;gap:36px;padding:0 max(24px,calc((100vw - 1392px)/2));background:#fffffff5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:38px;height:38px}.brand>span{font-size:19px;font-weight:800;letter-spacing:.5px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:500;margin-top:0}header nav{display:flex;gap:28px;height:100%}header nav a{display:grid;align-items:center;color:#626c7e;position:relative;font-size:14px}header nav a:hover,header nav a.active{color:var(--blue)}header nav a.active:after{content:"";position:absolute;bottom:0;width:20px;height:3px;border-radius:3px;left:calc(50% - 10px);background:var(--blue)}.search{display:flex;align-items:center;margin-left:auto;background:#f3f5f8;border:1px solid transparent;border-radius:24px;width:280px;padding:0 16px;height:40px;gap:8px}.search:focus-within{background:#fff;border-color:#9ab4ff;box-shadow:0 0 0 3px #2456e80b}.search>span{font-size:23px;color:#828da1}.search input{background:none;border:0;outline:0;min-width:0;width:100%;font-size:12px;color:var(--ink)}.search button{border:0;background:none;min-height:28px;color:var(--muted);font-size:20px;padding:0 4px}kbd{font-family:inherit;font-size:11px;color:#a3adbc;border:1px solid #dce2ec;border-radius:4px;padding:0 5px}.primary{border:1px solid var(--blue);border-radius:8px;color:white;background:var(--blue);font-weight:600;font-size:13px;padding:10px 20px;white-space:nowrap;box-shadow:0 4px 10px #2456e815}.primary:hover{background:#1645cc;box-shadow:0 5px 16px #2456e82b}.ghost{border:1px solid #dce3ef;background:#fff;color:#4e6080;border-radius:8px;padding:10px 16px;font-size:13px}.ghost:hover{background:#eff4ff;border-color:#b5c6ee}.text-button{border:0;background:none;padding:8px 0;color:var(--blue);font-size:12px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:28px;max-width:1440px;padding:24px;margin:auto;overflow-x:clip}.rightbar{min-width:0;overflow:hidden}.rightbar>*{min-width:0;max-width:100%;box-sizing:border-box}.sidebar{position:sticky;top:96px;height:calc(100vh - 120px);overflow:auto;scrollbar-width:none}.eyebrow{font-size:11px;letter-spacing:1px;font-weight:600;color:var(--muted);margin:0 0 16px}.sidebar>.eyebrow{padding:8px 16px}.sidebar #categories{display:grid;gap:5px}.sidebar #categories button{border:0;background:none;color:#667186;border-radius:9px;text-align:left;padding:12px 16px;font-size:14px}.sidebar #categories button:hover{background:#eaedf4;color:#34425b}.sidebar #categories button.selected{background:#e7edff;color:var(--blue);font-weight:700}.side-note{margin:32px 12px 0;padding:24px 0;border-top:1px solid #dfe5ee}.spark{font-size:30px;color:var(--blue)}.side-note h3{font-size:14px;margin:12px 0 8px}.side-note p{font-size:12px;line-height:1.9;color:var(--muted)}.side-foot{display:block;font-size:10px;color:#99a2b1;margin:8px 12px}main{min-width:0}.hero{background:linear-gradient(115deg,#e9f0ff,#f0f4ff 60%,#e4ebff);border:1px solid #e0e8fb;border-radius:14px;display:grid;grid-template-columns:1.5fr 1fr;min-height:248px;padding:28px 32px;overflow:hidden;position:relative}.hero .eyebrow{color:#6080bb;font-size:10px;display:flex;gap:7px;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:#4471e7;display:inline-block;box-shadow:0 0 0 4px #4471e70d}.hero h1{font-size:clamp(26px,2.4vw,34px);line-height:1.45;letter-spacing:-1px;margin:0;position:relative;z-index:1}.hero h1 span{color:var(--blue)}.hero-copy{font-size:12px;color:#7583a0;line-height:1.9;margin:12px 0}.hero-actions{display:flex;align-items:center;gap:20px}.hero-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;font-weight:600;color:var(--blue);min-height:44px}.hero-link>span{font-size:22px}.hero-actions .ghost{border:0;background:none;color:#7c8ba7;padding:0;font-size:11px}.hero-art{position:relative;min-width:0}.orb{position:absolute;width:170px;height:170px;left:8px;top:20px;border-radius:48px;transform:rotate(-16deg);background:linear-gradient(140deg,#fff,#b6cdff 60%,#5b82e6);box-shadow:inset -10px -10px 25px #6390ec,10px 15px 30px #2456e81a}.orb:after{content:"";position:absolute;inset:-14px;border:1px solid #c8d8ff;border-radius:50%;transform:rotate(20deg) scaleY(.6)}.letter{position:absolute;top:48px;left:32px;font-size:79px;line-height:1.5;font-weight:850;letter-spacing:-7px;transform:rotate(-12deg);color:#2452bf;text-shadow:1px 2px #eef4ff}.letter span{position:absolute;font-size:48px;color:#afd45b;top:-30px;right:-40px;text-shadow:2px 2px #8eb744}.art-tag{position:absolute;z-index:2;background:#ffffffc9;border:1px solid #fff;border-radius:6px;font-size:9px;padding:7px 10px;box-shadow:0 3px 12px #405f9c0c}.tag-one{top:12px;left:-2px;transform:rotate(-7deg)}.tag-two{right:-10px;bottom:20px;transform:rotate(6deg);font-size:8px;letter-spacing:1px}.art-caption{position:absolute;bottom:-4px;font-size:6px;letter-spacing:1.8px;color:#8c9cc0;white-space:nowrap}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{font-size:16px;margin:0;font-weight:700}.section-heading>span{color:#9ca5b4;font-size:10px}.topics{margin:20px 0}.topics>.section-heading{display:none}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic-grid .topic-card{border:1px solid var(--line);background:#fff;border-radius:10px;text-align:left;padding:16px;position:relative;overflow:hidden}.topic-grid .topic-card:hover{border-color:#afc2f3;box-shadow:0 5px 15px #1f3e8109}.topic-grid b{font-size:8px;letter-spacing:1px;color:#95a7ca}.topic-grid h3{font-size:14px;margin:6px 0 4px}.topic-grid p{font-size:10px;color:#94a0b3;margin:0}.topic-grid span{position:absolute;right:14px;top:16px;color:#a9b9d6;font-size:20px}.feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:10px 20px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0}.feed-head h2{font-size:17px;margin:0;white-space:nowrap}.feed-head h2 span{display:none}.feed-tabs{display:flex;gap:4px}.tab{background:none;border:0;color:#8a94a5;font-size:12px;padding:10px 12px;position:relative}.tab.selected{color:var(--blue);font-weight:700}.tab.selected:after{content:"";height:2px;position:absolute;bottom:0;left:12px;right:12px;background:var(--blue)}.feed-stat{margin:0!important;padding:0 20px 12px;border:1px solid var(--line);border-top:0;background:#fff;font-size:10px!important;color:#9da6b5!important}.post{background:#fff;border:1px solid var(--line);border-top:0;padding:22px 24px;position:relative}.post:last-child{border-radius:0 0 12px 12px}.post:hover{background:#fcfdff}.post-meta{display:flex;align-items:center;gap:8px;color:#929dad;font-size:11px;flex-wrap:wrap}.mini-avatar{display:inline-grid;place-items:center;width:24px;height:24px;background:#edf2ff;color:#5673bb;border-radius:7px;font-size:11px;font-weight:700}.type-chip{margin-left:auto;color:#8493ac;border-radius:4px;background:#f3f5f9;padding:1px 6px;font-size:9px}.type-chip.qa{background:#ecf6f0;color:#6e9a80}.post h2{font-size:18px;line-height:1.55;letter-spacing:-.3px;margin:10px 0 7px}.post a:hover h2{color:var(--blue)}.post p{font-size:13px;line-height:1.8;color:#8791a2;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-bottom{display:flex;align-items:center;gap:14px;font-size:10px;color:#a0a9b6;margin-top:12px}.pill{background:#f2f5fa;color:#7d8eaa;padding:4px 8px;border-radius:4px}.post-bottom button{margin-left:auto;min-height:32px;border:0;background:none;color:#99a4b5;font-size:11px;padding:4px 8px}.post-bottom button:hover,.post-bottom button[aria-pressed=true]{color:var(--blue);background:#eff3ff;border-radius:5px}.empty{background:#fff;border:1px solid var(--line);padding:44px 24px;text-align:center;border-radius:0 0 12px 12px}.empty-symbol{font-size:40px;color:#a7b9de}.empty h3{font-size:16px;margin:8px}.empty p{color:#929bad;font-size:12px}.rightbar{display:grid;gap:16px;align-content:start}.welcome{border:1px solid #e1e7f1;background:white;border-radius:12px;padding:24px;position:relative;overflow:hidden}.welcome:after{content:"";position:absolute;right:10px;top:5px;font-size:75px;color:#e4ecff;pointer-events:none}.welcome .eyebrow{color:#7291ce;font-size:9px;position:relative;z-index:1}.welcome h2{font-size:23px;line-height:1.5;margin:0 0 12px;position:relative;z-index:1}.welcome p:not(.eyebrow){font-size:12px;line-height:1.9;color:#8c97aa}.welcome .primary{width:100%;font-size:12px;padding:10px;margin:8px 0 12px}.welcome small{display:block;text-align:center;color:#a0aabb;font-size:10px}.rail-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:20px}.rail-card h3{font-size:14px;margin:0}.rail-card a{display:flex;gap:12px;align-items:flex-start;margin-top:18px;font-size:12px}.rail-card a:hover{color:var(--blue)}.rail-card i{font-size:18px;font-style:normal;color:#bac8e2;font-weight:700}.rail-card small{display:block;color:#a1aabb;font-size:10px;margin-top:4px}.community-pulse p{font-size:12px;color:#8290a5;line-height:2}.community-pulse b{color:var(--blue)}.community-pulse small{font-size:10px}.host{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}.host-avatar{float:left;width:38px;height:38px;display:grid;place-items:center;background:#edf2ff;border-radius:10px;font-size:11px;color:#5673bb;margin-right:12px}.host h3{font-size:14px;margin:8px 0 24px}.host p{font-size:12px;color:#8c97aa;line-height:1.9}.host>span{font-size:10px;color:#a2adbc}footer{font-size:10px;color:#a0a9b8;line-height:2;padding:0 12px}footer a{color:#8193b4}footer p{line-height:1.8}.tool-finder{margin:24px 0}.tool-finder>.muted{margin:8px 0 16px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-grid button{display:grid;gap:8px;text-align:left;background:#fff;border:1px solid var(--line);padding:20px;border-radius:10px;position:relative}.tool-grid button:hover{border-color:#b0c2f0;box-shadow:0 5px 16px #12378509}.tool-grid b{font-size:15px;color:#344d7d}.tool-grid span{font-size:11px;color:#6d7b94}.tool-grid small{font-size:11px;color:#9aa4b4;line-height:1.9}.tool-grid em{font-size:10px;font-style:normal;color:var(--blue)}.column{margin:24px 0}.column-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.column-grid article{padding:20px 16px;background:white;border:1px solid var(--line);border-radius:10px}.column-grid b{font-size:12px}.column-grid p{font-size:11px;line-height:1.9;color:#99a2b2}.muted{font-size:12px;color:#8d98aa;line-height:1.8}.mobile-nav{display:none}
dialog{border:1px solid #e1e7f0;background:white;color:var(--ink);padding:36px 44px;border-radius:16px;width:calc(100% - 40px);max-width:860px;max-height:90dvh;box-shadow:0 24px 120px #16294e30;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5dfef transparent}dialog::backdrop{background:#1c2a436e;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;color:#8c98aa;font-size:26px;background:#f4f6fa;z-index:4}.close:hover{background:#e7edf8;color:var(--blue)}.reader-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 40px 20px 0;margin-bottom:28px;border-bottom:1px solid var(--line);font-size:12px}.reader-brand{font-weight:700;color:#4c6085}.reader-brand span{font-weight:400;color:#a9b1bf;font-size:10px;margin-left:8px}.reader-actions{display:flex;gap:8px}.reader-actions button{background:none;border:0;font-size:11px;color:#8190aa;padding:8px}.reader-actions button:hover{color:var(--blue)}#article h1{font-size:28px;line-height:1.55;letter-spacing:-.6px;margin:12px 0 16px}#article h2{font-size:18px;margin:30px 0 12px;color:#263857;scroll-margin-top:24px}#article section p{font-size:15px;color:#637188;line-height:2;white-space:pre-line}#article .eyebrow{color:#6c8ac4;font-size:10px}.article-intro{font-size:15px;color:#8a97ac;line-height:1.9;padding-left:16px;border-left:3px solid #d9e4fc}.article-end{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;font-size:13px;color:#5874a5}.tool-links{border-top:1px solid var(--line);margin-top:32px}.tool-links a{display:block;color:var(--blue);font-size:13px;min-height:44px;padding:10px 0}.article-toc{background:#f6f8fc;border:1px solid #eaf0f8;border-radius:10px;padding:16px 20px;margin:24px 0}.article-toc summary{cursor:pointer;font-size:12px;color:#637ba5;min-height:28px}.article-toc a{display:block;font-size:12px;color:#7f8fa9;padding:7px 0;min-height:32px}.article-toc a:hover{color:var(--blue)}.copy-step{border:1px solid #e1e7f3;border-radius:5px;background:#f7f9fd;color:#6b82ab;font-size:10px;min-height:30px;padding:3px 10px;margin-top:4px}.copy-step:hover{color:var(--blue);background:#edf3ff}.qa-block{padding:20px;background:#f6f8fc;border-radius:10px}.qa-block p{font-size:14px;line-height:1.8;white-space:pre-line}.answer{border:1px solid var(--line);padding:20px;border-radius:10px;margin:16px 0}.guide-text{white-space:pre-line}#question{max-width:640px;padding-top:44px}#question>h2{font-size:23px;letter-spacing:-.5px;margin:10px 0}form label{display:block;font-size:13px;color:#53617a;margin:20px 0}form label span{font-size:11px;color:#a3adbc}form input,form textarea,form select,.admin-main input[type=password]{display:block;width:100%;margin-top:8px;border:1px solid #dce3ef;border-radius:8px;padding:12px 14px;background:#fcfdff;color:var(--ink);font-size:13px;line-height:1.7;resize:vertical}form input:focus,form textarea:focus{border-color:#94b0ef;background:white}form input::placeholder,form textarea::placeholder{color:#b1b9c7}form .primary{width:100%;margin-top:12px}#form-message{font-size:13px;color:var(--blue)}#toast{position:fixed;bottom:36px;left:50%;transform:translate(-50%,12px);background:#25344bef;color:white;font-size:13px;border-radius:8px;padding:12px 20px;z-index:100;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 5px 24px #182f4b20}#toast.show{opacity:1;transform:translate(-50%,0)}#back-top{position:fixed;right:24px;bottom:32px;border:1px solid #e0e6f0;background:#fff;color:#6d7e9d;border-radius:12px;width:44px;height:44px;font-size:21px;box-shadow:0 5px 20px #25426e09;z-index:6}.admin-main{max-width:820px;margin:32px auto;padding:0 24px 60px}.admin-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.admin-card{padding:24px;background:white;border:1px solid var(--line);border-radius:12px;margin:16px 0}.admin-card h2{font-size:19px}.admin-card p{font-size:13px;line-height:1.9;color:#718099}.admin-card textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px}
@media(min-width:1500px){.layout{grid-template-columns:minmax(0,1fr) 280px}.hero-art{margin-left:16px}}@media(max-width:1150px){header{gap:24px;padding:0 24px}.layout{grid-template-columns:minmax(0,1fr);gap:20px}.rightbar{display:none}.search{width:250px}.hero{min-height:245px}header nav{gap:20px}}@media(max-width:780px){header{height:auto;min-height:70px;padding:14px 20px;gap:12px;flex-wrap:wrap}.brand{margin-right:auto}.brand>span{font-size:17px}.brand img{width:34px;height:34px}header nav{display:none}header>.primary{padding:8px 14px;font-size:12px}.search{order:3;width:100%;margin:0;height:38px}.layout{display:block;padding:0 20px 90px}.sidebar{position:static;height:auto;padding-top:8px;overflow:visible}.sidebar>.eyebrow,.side-note,.side-foot{display:none}.sidebar #categories{display:flex;overflow-x:auto;scrollbar-width:none;gap:4px;padding:8px 0 14px}.sidebar #categories::-webkit-scrollbar{display:none}.sidebar #categories button{white-space:nowrap;padding:10px 13px;font-size:12px;border-radius:7px;flex-shrink:0}.hero{min-height:235px;grid-template-columns:1.4fr 1fr;padding:24px}.hero h1{font-size:27px}.hero-art{opacity:.85;transform:scale(.78);transform-origin:top left}.hero-copy{font-size:11px}.hero .eyebrow{font-size:9px}.hero-actions{gap:12px;flex-wrap:wrap}.hero-actions .ghost{display:none}.hero-link{font-size:11px}.topic-grid{gap:8px}.topic-grid .topic-card{padding:12px}.topic-grid h3{font-size:12px}.topic-grid p{font-size:9px;line-height:1.8}.topic-grid span{font-size:16px;right:8px;top:12px}.topic-grid b{font-size:7px}.feed-head{padding:8px 16px;gap:4px}.feed-head h2{font-size:15px}.feed-tabs{gap:0}.tab{font-size:11px;padding:10px}.feed-stat{padding:0 16px 10px}.post{padding:18px}.post h2{font-size:17px}.post p{font-size:12px}.post-meta{font-size:10px}.post-bottom button{min-height:44px}.rightbar{display:block;margin-top:24px}.rightbar .welcome,.rightbar .rail-card{display:none}.host{padding:20px}.host p{font-size:11px}.rightbar footer{margin-top:16px}.tool-grid{gap:10px}.tool-grid button{padding:16px}.tool-grid b{font-size:14px}.tool-grid span{font-size:10px}.tool-grid small{font-size:10px}.column-grid{grid-template-columns:1fr}.column-grid article{padding:18px}.column-grid p{margin-bottom:0}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:6px 12px calc(6px + env(safe-area-inset-bottom));z-index:12;justify-content:space-around}.mobile-nav a,.mobile-nav button{border:0;background:none;display:grid;place-items:center;gap:1px;color:#8c9bb2;min-width:52px;min-height:46px;font-size:21px;padding:0}.mobile-nav span{font-size:9px}.mobile-nav .active{color:var(--blue)}#mobile-ask{color:var(--blue);font-size:25px}.mobile-nav a:nth-of-type(1){color:var(--blue)}#back-top{bottom:80px;right:16px}#toast{bottom:84px;white-space:nowrap;font-size:12px}dialog{width:calc(100% - 20px);max-height:92dvh;border-radius:12px;padding:24px}#article h1{font-size:24px}#article section p{font-size:14px}#article h2{font-size:17px}.reader-bar{padding-right:36px;font-size:11px;gap:6px}.reader-brand span{display:none}.reader-actions{gap:0}.reader-actions button{font-size:10px;padding:6px}.close{right:8px;top:10px;width:40px;height:40px;min-height:40px}.article-intro{font-size:13px}#question{padding:40px 24px 24px}#question>h2{font-size:21px}section[id]{scroll-margin-top:142px}}
@media(max-width:480px){header{padding:12px 16px}.layout{padding:0 12px 88px}.hero{padding:24px 20px;display:block;min-height:235px}.hero h1{font-size:26px}.hero-art{position:absolute;right:-70px;bottom:-16px;width:220px;height:220px;transform:scale(.5);transform-origin:bottom right;opacity:.55;pointer-events:none}.hero-copy{max-width:95%}.hero-actions{position:relative;z-index:1}.hero h1,.hero .eyebrow{z-index:1;position:relative}.topic-grid p{font-size:9px}.topic-grid .topic-card{padding:12px 10px}.topic-grid span{display:none}.feed-head{align-items:flex-start;flex-direction:column;padding:14px 16px 0}.feed-tabs{width:100%;justify-content:space-between}.tab{padding:10px 12px}.tool-grid{grid-template-columns:1fr}.tool-grid button{grid-template-columns:1fr auto;align-items:start}.tool-grid b{grid-column:1}.tool-grid span{grid-column:1}.tool-grid small{grid-column:1/-1}.tool-grid em{grid-column:2;grid-row:1/3;align-self:center;font-size:9px}.section-heading>span{display:none}.reader-brand{font-size:11px}.reader-actions button{font-size:9px}.reader-bar{gap:4px}.post-bottom{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.toc-item{display:block;width:100%;border:0;background:none;text-align:left;padding:6px 0;font-size:12px;color:#7f8fa9;min-height:34px}.toc-item:hover{color:var(--blue)}

.load-more{width:100%;border:1px solid var(--line);border-top:0;background:white;color:#7a90b6;padding:16px;border-radius:0 0 12px 12px;font-size:12px}.load-more:hover{background:#edf3ff;color:var(--blue)}

.tool-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 12px}
.tool-cat{border:1px solid #dde3ef;background:#fff;border-radius:10px;padding:12px 10px;text-align:left;min-height:64px;display:grid;gap:4px}
.tool-cat b{font-size:13px;color:#243152}
.tool-cat small{font-size:10px;color:#8a919e;line-height:1.5}
.tool-cat.selected{border-color:var(--blue);background:#eef2ff;box-shadow:inset 0 0 0 1px #c5d3ff}
.tool-panel-head{font-size:12px;color:#6a7384;margin:4px 0 12px;font-weight:600}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:1200px){.tool-cats{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.tool-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid{grid-template-columns:1fr}}

/* Original mascot and a single pictogram language. */
.ui-icon{width:20px;height:20px;display:inline-block;flex-shrink:0;vertical-align:middle;pointer-events:none}
#categories button{display:flex;align-items:center;gap:12px}#categories button .ui-icon{width:19px;height:19px;opacity:.8}#categories button.selected .ui-icon{opacity:1}
.primary,.ghost,.post-bottom button,.reader-actions button,.copy-step{display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary .ui-icon{width:17px;height:17px}.post-bottom button .ui-icon,.reader-actions button .ui-icon,.copy-step .ui-icon{width:15px;height:15px}.search>span{display:flex}.search .ui-icon{width:18px;height:18px}.search button{display:flex;align-items:center}.search button .ui-icon{width:15px;height:15px}.primary{background:linear-gradient(180deg,#3b6bf5,#2456e8);border-color:#2456e8;box-shadow:inset 0 1px 0 #ffffff30,0 4px 10px #2456e81c}.primary:hover{background:linear-gradient(180deg,#4a78ff,#2456e8);box-shadow:inset 0 1px 0 #ffffff40,0 6px 16px #2456e82e}.primary:active,.ghost:active,.topic-grid .topic-card:active,.tool-grid button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #1f3d7010}.primary:disabled{background:#9eafd5;border-color:#9eafd5;box-shadow:none}.ghost{box-shadow:inset 0 1px 0 white,0 2px 4px #17335e05}.close{box-shadow:inset 0 1px 0 white}.close .ui-icon{width:20px;height:20px}.hero-link .ui-icon{order:2;width:20px;height:20px}.hero-link span{font-size:12px}.spark .ui-icon{width:30px;height:30px}.topic-grid .topic-card{padding-left:60px;min-height:112px}.topic-art{position:absolute!important;left:14px!important;right:auto!important;top:20px!important;display:grid;place-items:center;width:34px;height:34px;border:1px solid #e1e9fc;border-radius:11px;background:linear-gradient(150deg,#f5f8ff,#e8efff);color:#5275c5!important;box-shadow:inset 0 1px 0 #fff}.topic-art .ui-icon{width:18px;height:18px}.topic-grid .topic-card:nth-child(2) .topic-art{background:linear-gradient(150deg,#f6f0ff,#efe8ff);color:#9475bd!important;border-color:#ece2f8}.topic-grid .topic-card:nth-child(3) .topic-art{background:linear-gradient(150deg,#f0faf6,#e5f4ee);color:#609b87!important;border-color:#dcefe6}.topic-grid .topic-card>span:not(.topic-art) .ui-icon{width:16px;height:16px}
.tool-grid button{padding-left:72px;min-height:164px}.tool-art{position:absolute;left:20px;top:20px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #e1e9fc;border-radius:12px;background:linear-gradient(150deg,#f8faff,#e9effc);color:#5275ba}.tool-art .ui-icon{width:21px;height:21px}.tool-grid button:nth-child(3n+2) .tool-art{color:#8b74b5;background:linear-gradient(150deg,#fcf9ff,#efe8fa);border-color:#ece3f7}.tool-grid button:nth-child(3n) .tool-art{color:#5a9587;background:linear-gradient(150deg,#f3fbf8,#e4f3ed);border-color:#dceee5}.tool-grid em{display:flex;align-items:center;gap:8px}.tool-grid em .ui-icon{width:14px;height:14px}.mobile-nav .ui-icon{width:21px;height:21px}.mobile-nav #mobile-ask .ui-icon{width:26px;height:26px;padding:4px;border-radius:8px;background:var(--blue);color:#fff;box-shadow:0 3px 8px #2456e826}.mobile-nav button{gap:1px}.mobile-nav button span{font-size:9px}.mobile-nav a{font-size:inherit}#back-top .ui-icon{width:20px;height:20px}.mascot-stage{display:flex;align-items:center;justify-content:center;position:relative;min-height:230px}.mascot-halo{position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#ffffffb0,#bed6ff20 65%,transparent 68%);border:1px solid #ffffff6b;transform:rotate(-15deg)}.dragon-hero{display:block;width:260px;max-width:125%;height:260px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 14px 14px #244c9c18);transition:transform .4s}.hero:hover .dragon-hero{transform:translateY(-4px) rotate(-2deg)}.mascot-sign{position:absolute;bottom:-4px;right:0;background:#ffffffc9;border:1px solid white;border-radius:20px;padding:6px 12px;font-size:9px;color:#6885b7;z-index:2;white-space:nowrap;box-shadow:0 4px 12px #2456e809}.hero{grid-template-columns:1.4fr 1fr}.hero-art.mascot-stage{transform:none;opacity:1}.empty-dragon{width:126px;height:126px;object-fit:contain;display:block;margin:auto}.question-mascot{display:flex;align-items:center;gap:12px;border:1px solid #e3ebfc;border-radius:12px;background:linear-gradient(110deg,#f0f5ff,#f9fbff);padding:6px 16px 6px 4px;margin:12px 0 24px}.question-mascot img{width:70px;height:70px;object-fit:contain}.question-mascot span{font-size:12px;color:#6e86b1}.host-avatar{padding:0;overflow:hidden}.host-avatar img{width:100%;height:100%;object-fit:contain;transform:scale(1.45) translateY(10%)}
@media(max-width:1150px){.mascot-stage{min-height:215px}.dragon-hero{width:240px;height:240px}}
@media(max-width:780px){.hero-art.mascot-stage{min-height:200px}.dragon-hero{width:215px;height:215px}.mascot-halo{width:170px;height:170px}.mascot-sign{font-size:8px;right:-6px;bottom:0}.topic-grid .topic-card{padding:14px 10px 12px 48px;min-height:108px}.topic-art{left:10px!important;top:20px!important;width:30px;height:30px;border-radius:9px}.topic-art .ui-icon{width:16px;height:16px}.tool-grid button{padding-left:62px}.tool-art{left:14px;top:16px;width:34px;height:34px}.topic-grid .topic-card>span:not(.topic-art){display:none}.hero-link span{font-size:11px}}
@media(max-width:480px){.hero{padding-bottom:28px;min-height:252px}.hero h1{font-size:24px}.hero-copy{max-width:70%;font-size:10px}.hero-art.mascot-stage{position:absolute;right:-16px;bottom:10px;width:150px;height:170px;min-height:0;opacity:.9;pointer-events:none}.dragon-hero{width:175px;height:175px;max-width:none}.mascot-halo{width:125px;height:125px}.mascot-sign{display:none}.topic-grid .topic-card{padding:12px 10px;min-height:136px}.topic-art{position:static!important;display:grid!important;margin-bottom:8px}.topic-grid b{display:none}.topic-grid h3{font-size:12px}.tool-grid button{padding:16px 16px 16px 66px;display:grid;grid-template-columns:1fr;min-height:0}.tool-grid em{grid-column:1;grid-row:auto;justify-content:flex-start}.tool-grid small{grid-column:1}.tool-art{left:16px;top:18px}.question-mascot span{font-size:11px}.primary .ui-icon{width:16px;height:16px}}

.tool-cat{position:relative;padding-left:48px!important}.tool-cat-icon{position:absolute;left:14px;top:16px;color:#91a4c8;display:grid;place-items:center}.tool-cat-icon .ui-icon{width:20px;height:20px}.tool-cat.selected .tool-cat-icon{color:var(--blue)}@media(max-width:480px){.tool-cat{padding-left:38px!important}.tool-cat-icon{left:10px;top:14px}.tool-cat-icon .ui-icon{width:17px;height:17px}}

.article-sources{border:1px solid #e3eaf6;background:#f7f9fd;border-radius:12px;padding:6px 22px 18px;margin-top:30px}.article-sources a{display:block;color:var(--blue);font-size:13px;padding:10px 0;min-height:44px}.article-sources a:hover{text-decoration:underline}#article .article-sources p{font-size:12px;color:#8391a9;line-height:1.9}

/* Canonical character: user's red artisan dragon. The source artwork is preserved. */
:root{--blue:#2e6a59;--ink:#34382f;--muted:#899085;--line:#e9e8df;--bg:#f7f7f2}
.brand img{object-fit:cover;border-radius:11px;border:1px solid #e5d9bd}.brand>span{color:#354c3f}
.primary{background:linear-gradient(180deg,#3d7b67,#2d6252);border-color:#2d6252;box-shadow:inset 0 1px 0 #ffffff24,0 4px 12px #2e6a591a}.primary:hover{background:linear-gradient(180deg,#488975,#2d6252);box-shadow:0 5px 16px #2e6a5924}.primary:disabled{background:#9aaea1;border-color:#9aaea1}
.search{background:#f4f5ef}.search:focus-within{border-color:#9ab5a5;box-shadow:0 0 0 3px #2e6a590c}.ghost{color:#547461;border-color:#d6dfd2}.ghost:hover{background:#eef4ed;border-color:#a7bda9}
.sidebar #categories button.selected{background:#e8f0e6;color:#2f6954}.sidebar #categories button:hover{background:#eef1e9}.sidebar #categories button{color:#7c887b}.side-knowledge{display:block;margin:0 8px 8px;padding:18px 16px;border-radius:12px;background:linear-gradient(160deg,#eef4ea,#f7f8f2);border:1px solid #e0e8d8;color:#4a6350}.side-knowledge .eyebrow{margin:0 0 8px;color:#7d9270}.side-knowledge h3{margin:0 0 8px;font-size:15px;color:#2f6954}.side-knowledge p{margin:0 0 12px;font-size:12px;line-height:1.8;color:#7c8b78}.side-knowledge span{font-size:12px;font-weight:600;color:#2f6954}.side-knowledge:hover{border-color:#c5d6b8;box-shadow:0 4px 16px #3a6b4a0c}.post a:hover h2{color:#2f6954}.post-bottom button:hover,.post-bottom button[aria-pressed=true]{background:#edf3e9;color:#2f6954}.pill{background:#f2f3eb;color:#7e8f75}.mini-avatar{background:#eaf1e7;color:#607e5c}.type-chip{background:#f2f3ed;color:#84917c}.tab.selected:after{background:#3a725b}.tab.selected{color:#2e6a59}.feed-stat{color:#98a18e!important}
.hero.workshop-hero{display:block;min-height:280px;aspect-ratio:2.5/1;background:#f4e9d2 url('/ai/assets/dragon-welcome.webp') center/cover no-repeat;border:1px solid #e5dbc6;box-shadow:inset 0 1px 0 #fff9;padding:32px;isolation:isolate;overflow:hidden}
.workshop-hero>div:first-child{width:49%;position:relative;z-index:1}.workshop-hero .eyebrow{color:#8d845f;font-size:9px;letter-spacing:.7px}.workshop-hero .live-dot{background:#bc8b40;box-shadow:0 0 0 4px #b7823510}.workshop-hero h1{font-size:clamp(23px,2.05vw,30px);color:#354f40;line-height:1.5;letter-spacing:-1px}.workshop-hero h1 span{color:#ac5b2f}.workshop-hero .hero-copy{color:#8c8169;font-size:11px;line-height:1.9;max-width:100%;margin:14px 0}.workshop-hero .hero-link{color:#59785a;gap:12px}.workshop-hero .hero-actions .ghost{display:none}.workshop-credit{position:absolute;bottom:12px;right:16px;font-size:9px;color:#fff1d8;background:#3b4b37b0;border:1px solid #e6c58d30;border-radius:20px;padding:5px 12px;z-index:1;backdrop-filter:blur(5px)}
.hero-link span{font-size:12px}.topic-art{color:#6c8263!important;background:linear-gradient(150deg,#f7f8ef,#edf1df);border-color:#e3e8d6}.topic-grid .topic-card:nth-child(2) .topic-art{color:#b0854e!important;background:linear-gradient(150deg,#fcf7ed,#f7edda);border-color:#ede2c9}.topic-grid .topic-card:nth-child(3) .topic-art{color:#6e9180!important;background:linear-gradient(150deg,#f5faf2,#e9f2e7);border-color:#dce8da}.topic-grid .topic-card:hover,.tool-grid button:hover{border-color:#b7c9aa;box-shadow:0 4px 16px #385a3409}.topic-grid b{color:#a4aa92}.topic-grid p{color:#9ba58e}
.tool-art{color:#678469;background:linear-gradient(150deg,#fafbf5,#ebf1e4);border-color:#e1e9d6}.tool-grid button:nth-child(3n+2) .tool-art{color:#ac8753;background:linear-gradient(150deg,#fdfaf0,#f4ecd7);border-color:#eae2c8}.tool-grid button:nth-child(3n) .tool-art{color:#739585;background:linear-gradient(150deg,#f8faf3,#e9f2e5);border-color:#dce8d6}.tool-grid b{color:#45604b}.tool-grid span{color:#84937c}.tool-cat.selected{border-color:#9eb693!important;background:#edf3e6!important;box-shadow:0 0 0 1px #c7d5bb}.tool-cat.selected b{color:#436c45}.tool-cat-icon{color:#9ca88c}.tool-cat.selected .tool-cat-icon{color:#4e7a4e}
.welcome{background:#fbfcf7}.welcome:after{color:#e7ecd8}.welcome .eyebrow{color:#9a9b69}.welcome .primary{background:linear-gradient(180deg,#4b7f5b,#38664b);color:white}.rail-card i{color:#b8c5a7}.rail-card small{color:#a7ae9c}.host-avatar{background:#f4ead6;border:1px solid #e6dabc;border-radius:12px}.host-avatar img{transform:none;object-fit:cover}.empty-dragon{width:112px;height:112px;border-radius:28px;box-shadow:0 6px 22px #8d714715}.question-mascot{background:linear-gradient(110deg,#f4eddc,#faf7ee);border-color:#e9dec8;padding:10px;gap:14px}.question-mascot img{width:62px;height:62px;object-fit:cover;border-radius:16px}.question-mascot span{color:#8c7757}
.reader-brand{color:#617653}#article .eyebrow{color:#9a9f76}#article h2{color:#4b654a}.article-intro{border-color:#d8e1c7;color:#8e9a80}.article-toc{background:#f7f8f1;border-color:#e7ebdd}.article-toc summary,.toc-item{color:#879570}.toc-item:hover{color:#3d6c4c}.copy-step{background:#f8faf3;border-color:#e4ead9;color:#85976d}.copy-step:hover{background:#edf3e4;color:#456d46}.close{background:#f5f6ef;color:#8f9a84}.close:hover{background:#eaf0e1;color:#4c784b}.qa-block{background:#f4f7ee}.load-more{color:#92a179}.load-more:hover{background:#f0f5e9;color:#436e49}form input:focus,form textarea:focus{border-color:#a6bd97}.mobile-nav .active,.mobile-nav a:nth-of-type(1){color:#456f4a}.mobile-nav #mobile-ask .ui-icon{background:linear-gradient(180deg,#528460,#3a674d);box-shadow:0 3px 8px #456f4a25}
@media(max-width:1150px){.hero.workshop-hero{padding:28px;min-height:290px;background-position:center}.workshop-hero h1{font-size:28px}.workshop-hero>div:first-child{width:47%}}
@media(max-width:780px){.hero.workshop-hero{min-height:270px;padding:26px;aspect-ratio:2.45/1}.workshop-hero h1{font-size:25px}.workshop-hero .hero-copy{font-size:10px}.workshop-hero>div:first-child{width:48%}.workshop-hero .eyebrow{font-size:8px}.workshop-hero .hero-link span{font-size:10px}}
@media(max-width:480px){.hero.workshop-hero{min-height:400px;aspect-ratio:auto;padding:24px 20px;background-size:auto 220px;background-position:right bottom;background-color:#f4ecd9}.hero.workshop-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(#f6efdf 0%,#f6efdf 38%,#f6efdf00 60%);z-index:0}.workshop-hero>div:first-child{width:100%}.workshop-hero h1{font-size:26px}.workshop-hero .hero-copy{font-size:10px;max-width:100%;margin:10px 0}.workshop-hero .hero-actions{margin-top:0}.workshop-hero .hero-link{min-height:36px}.workshop-credit{bottom:10px;right:10px;font-size:8px}.workshop-hero .eyebrow{margin-bottom:12px}.empty-dragon{width:100px;height:100px}}

.tool-grid button .tool-art,.tool-grid button:nth-child(n) .tool-art{background:#fff;border:1px solid #e8ecf3;border-radius:11px;box-shadow:0 2px 6px #1d253604;overflow:hidden}.official-tool-logo{display:block;width:28px;height:28px;object-fit:contain;border-radius:5px}.tool-logo-fallback{font-weight:700;color:#8490a5;font-size:18px;line-height:1}

/* Keep text legible against the original workshop foreground. */
.hero.workshop-hero{background-image:linear-gradient(90deg,#f7eedde8 0%,#f7eeddc4 25%,#f7eedd24 48%,transparent 58%),url('/ai/assets/dragon-welcome.webp')}
.workshop-hero .hero-link{background:#fff9e5e8;border:1px solid #d3c5a4;border-radius:7px;padding:7px 12px;color:#45664b;box-shadow:0 3px 10px #7b632110;gap:12px}
@media(max-width:480px){.hero.workshop-hero{background-image:url('/ai/assets/dragon-welcome.webp')}.workshop-hero .hero-link{padding:5px 10px;font-size:11px}}

/* —�?实战路线 / 本周挑战 / 公约（全国第一实践社区主循环） —�?*/
.paths-board,.challenge-board,.pledge{margin:24px 0}
.paths-lead{margin:8px 0 16px}
.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.path-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 16px;display:grid;gap:8px;align-content:start}
.path-card h3{margin:0;font-size:15px;color:#243152}
.path-card p{margin:0;font-size:12px;color:#7a8598;line-height:1.7}
.path-tag{font-size:10px;letter-spacing:.5px;color:#5b7dca;font-weight:700}
.path-progress{height:6px;background:#eef1f7;border-radius:99px;overflow:hidden}
.path-progress i{display:block;height:100%;background:linear-gradient(90deg,#5b82e6,#2456e8);border-radius:99px}
.path-card small{font-size:11px;color:#9aa4b4}
.path-steps{margin:4px 0 8px;padding-left:18px;display:grid;gap:4px}
.path-steps li{font-size:11px;color:#6d7b94;line-height:1.5}
.path-steps li.done a{color:#5a9587;text-decoration:line-through}
.path-steps a:hover{color:var(--blue)}
.path-card .hero-link{font-size:12px;min-height:40px}
.challenge-card{background:linear-gradient(120deg,#eef3ff,#f8faff 55%,#eef8f3);border:1px solid #d9e4fc;border-radius:14px;padding:22px 24px}
.challenge-card h2{margin:8px 0 10px;font-size:20px;letter-spacing:-.3px;line-height:1.45}
.challenge-card>p{margin:0;font-size:13px;color:#6a758a;line-height:1.8;max-width:52ch}
.challenge-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;align-items:center}
.challenge-actions .primary{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px}
.pledge-list{margin:12px 0 0;padding:18px 18px 18px 36px;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;gap:10px}
.pledge-list li{font-size:13px;color:#5c6a82;line-height:1.75}
.path-followup{margin-top:28px;display:grid;gap:12px}
.path-next-card{background:#f6f8fc;border:1px solid #e4ebf7;border-radius:12px;padding:16px 18px}
.path-next-card b{display:block;font-size:14px;margin-bottom:6px;color:#2a3a5c}
.path-next-card p{margin:0 0 12px;font-size:12px;color:#7a869c;line-height:1.7}
.path-next-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.path-next-card.ask-after{background:linear-gradient(110deg,#f0f5ff,#f9fbff)}
.path-pill{background:#eef3ff;color:#4d6bb3}
.pulse-extra{margin:8px 0 0!important;font-size:11px!important;line-height:1.7!important}
@media(max-width:900px){.path-grid{grid-template-columns:1fr}}
@media(max-width:780px){.challenge-card{padding:18px}.challenge-card h2{font-size:17px}.path-steps{display:none}}

.column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#launch{padding:0;margin:0;border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;overflow:hidden;background:#e8ddc1;color:#344d40;box-shadow:none;isolation:isolate}
#launch::backdrop{background:#eee4cd;backdrop-filter:none}.launch-art,.launch-shade{position:absolute;inset:0;z-index:-1}.launch-art{background:url('/ai/assets/dragon-welcome.webp') 64% center/cover no-repeat;animation:launch-reveal 1.2s ease-out both}.launch-shade{background:linear-gradient(90deg,#faf3e7f5 0%,#faf3e7dc 20%,#faf3e781 40%,#faf3e700 63%),linear-gradient(0deg,#1b332439,transparent 28%)}
.launch-top{position:absolute;left:5vw;right:5vw;top:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.launch-brand{display:flex;align-items:center;gap:12px}.launch-brand img{width:44px;height:44px;border-radius:12px;border:1px solid #ad8d5133}.launch-brand>span{font-size:19px;font-weight:700;letter-spacing:2px}.launch-brand small{display:block;font-size:9px;letter-spacing:3px;font-weight:400;color:#8c917c;margin-top:3px}#launch-skip{background:#faf5e8b8;color:#67765e;border:1px solid #ffffff80;border-radius:24px;padding:8px 18px;font-size:11px;backdrop-filter:blur(12px)}#launch-skip span{margin-left:20px}
.launch-content{position:absolute;left:8vw;top:50%;transform:translateY(-45%);width:48%;max-width:620px}.launch-kicker{font-size:9px;letter-spacing:3px;display:flex;align-items:center;gap:12px;color:#9d8a60;margin-bottom:28px}.launch-kicker>span{width:28px;height:1px;background:#b3945a}.launch-preface{font-size:13px;letter-spacing:3px;color:#929074;margin:0 0 14px}.launch-content h1{font-family:"Songti SC","STSong","SimSun",serif;font-weight:500;font-size:clamp(42px,5vw,76px);line-height:1.4;letter-spacing:4px;margin:0 0 24px;text-shadow:0 2px 20px #faf4e980}.launch-content h1 span{color:#a56b3b}.launch-description{font-size:12px;color:#8d8f77;line-height:2.2;letter-spacing:1px;margin-bottom:30px}#launch-enter{display:flex;align-items:center;justify-content:space-between;gap:56px;background:linear-gradient(135deg,#456f58,#294a3a);color:#f4e9ce;border:1px solid #44604c;border-radius:6px;box-shadow:0 12px 30px #354d3824,inset 0 1px #ffffff1a;padding:14px 24px;font-size:13px;letter-spacing:2px;min-height:52px}#launch-enter b{font-size:22px;font-weight:400;color:#d1b978}#launch-enter:hover{background:linear-gradient(135deg,#548269,#315b45);box-shadow:0 14px 34px #354d3834}#launch-enter:active{transform:translateY(1px)}#launch-tools{display:inline-block;font-size:10px;letter-spacing:1px;color:#8d9479;margin-top:20px;padding:8px 0;border-bottom:1px solid #a3a58a44}.launch-bottom{position:absolute;bottom:30px;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#f4e9cd;font-size:9px;letter-spacing:3px}.launch-bottom>span:first-child{color:#829078;letter-spacing:5px}
@keyframes launch-reveal{from{transform:scale(1.035);filter:brightness(1.05)}to{transform:scale(1);filter:brightness(1)}}
@media(max-width:780px){.launch-art{background-position:61% center}.launch-shade{background:linear-gradient(90deg,#faf3e7f5,#faf3e7d9 25%,#faf3e759 60%,transparent 85%)}.launch-top{top:24px;left:24px;right:24px}.launch-brand>span{font-size:16px}.launch-brand img{width:36px;height:36px}.launch-content{left:7vw;width:60%;transform:translateY(-42%)}.launch-content h1{font-size:52px;letter-spacing:2px}.launch-preface{font-size:11px;letter-spacing:2px}.launch-description{font-size:11px;letter-spacing:0}.launch-kicker{font-size:8px;letter-spacing:2px}.launch-bottom{bottom:24px;font-size:7px;letter-spacing:2px}#launch-skip{font-size:10px;padding:8px 12px}#launch-skip span{margin-left:8px}}
@media(max-width:480px){.column-grid{grid-template-columns:1fr}.launch-art{background-size:auto 68%;background-position:72% bottom;background-color:#f6efdf}.launch-shade{background:linear-gradient(#f8f2e6 0%,#f8f2e6fa 30%,#f8f2e6a6 53%,transparent 75%)}.launch-top{top:20px;left:20px;right:20px}.launch-brand>span{font-size:15px;letter-spacing:1px}.launch-brand small{font-size:8px;letter-spacing:2px}#launch-skip{font-size:9px;padding:6px 10px}.launch-content{top:18%;left:7vw;transform:none;width:86%}.launch-kicker{margin-bottom:18px}.launch-preface{font-size:10px;margin-bottom:8px}.launch-content h1{font-size:43px;line-height:1.35;margin-bottom:14px}.launch-description{font-size:10px;line-height:2;margin-bottom:20px}#launch-enter{padding:11px 18px;min-height:46px;font-size:12px;gap:36px}#launch-tools{font-size:9px;margin-top:8px;background:#f8f2e6a3;padding:4px 0}.launch-bottom{bottom:16px;left:20px;right:20px}.launch-bottom>span:last-child{font-size:6px;letter-spacing:1px}.launch-bottom>span:first-child{font-size:8px;color:#fff0cf;text-shadow:0 1px 4px #1b2d1d}}
@media(prefers-reduced-motion:reduce){.launch-art{animation:none}}

.earning-topic{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:#edf3ef;border:1px solid #dce8e1;padding:14px 20px;color:#446451}.earning-topic>span{font-size:11px;border-radius:5px;background:#fff;padding:4px 8px}.earning-topic b{font-size:12px}.earning-topic small{margin-left:auto;font-size:10px;color:#81968a}.earning-topic:hover{background:#e2eee5}@media(max-width:600px){.earning-topic{flex-wrap:wrap;gap:8px;padding:14px 16px}.earning-topic small{width:100%;margin:0}}
.topic-grid .topic-card{display:block;color:inherit;text-decoration:none;cursor:pointer}

/* Community release: native progress keeps strict CSP and correct zero state. */
progress.path-progress{display:block;width:100%;border:0;appearance:none;background:#e8ede5;color:var(--blue);height:6px}
progress.path-progress::-webkit-progress-bar{background:#e8ede5;border-radius:99px}
progress.path-progress::-webkit-progress-value{background:#3e705a;border-radius:99px}
progress.path-progress::-moz-progress-bar{background:#3e705a;border-radius:99px}
.quick-start{padding:24px 0}.quick-start h2{font-size:22px}.quick-start>div{display:flex;gap:12px;flex-wrap:wrap}.quick-start a{padding:14px 20px;border:1px solid #d7dfd2;border-radius:12px;background:#fff;text-decoration:none;color:#30523c}.quick-start p{color:#687367;line-height:1.7}.quick-start p a{display:block;width:fit-content;border:0;background:transparent;padding:8px 0}
#member{width:min(650px,94vw);padding:32px;max-height:88vh;overflow:auto}#member-content label,.reply-form label{display:grid;gap:8px;margin:14px 0}#member-content input,.reply-form input,.reply-form textarea{width:100%;padding:12px;border:1px solid #d5ddce;border-radius:8px;box-sizing:border-box}#member-content button,.reply-form button{min-height:44px;margin:6px}.recovery-code{overflow-wrap:anywhere;background:#eef2e9;padding:14px;user-select:all}.member-links{display:flex;gap:12px;flex-wrap:wrap}.answer.accepted{border-left:4px solid #40785c;padding-left:16px}.answer a{color:#30523c}.member-status{min-height:24px}.home-content-priority{display:block}
@media(max-width:760px){#member-open{font-size:12px;padding:8px;min-width:72px}.quick-start{padding:18px 0}.quick-start h2{font-size:20px}}

@media(max-width:480px){.hero.workshop-hero{min-height:238px;padding:22px 18px;background-size:auto 238px;background-position:65% center;background-image:linear-gradient(90deg,#f6efdfed 0%,#f6efdfe0 36%,#f6efdf44 70%,transparent),url('/ai/assets/dragon-welcome.webp')}.hero.workshop-hero:before{display:none}.workshop-hero>div:first-child{width:75%}.workshop-hero h1{font-size:24px}.workshop-hero .hero-copy{font-size:11px;color:#645e4e}.quick-start>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-start a{font-size:12px;text-align:center;padding:12px 8px}.quick-start p{font-size:12px}.quick-start h2{margin-top:4px}}

/* Readable content sizes without enlarging the site chrome. */
.post-body h2{font-size:18px;line-height:1.55}.post-body p{font-size:14px;line-height:1.85}.tool-grid small{font-size:13px;line-height:1.8}.tool-grid span{font-size:12px}.muted{font-size:13px}.quick-start a{min-height:44px}

.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.metric-grid>div{padding:18px;background:#edf2e9;border-radius:10px}.metric-grid small{display:block}.metric-grid b{display:block;font-size:30px;margin-top:8px}.table-scroll{overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.table-scroll th,.table-scroll td{padding:12px;text-align:left;border-bottom:1px solid #dde4d7}.admin-card textarea,.admin-card select{width:100%;padding:12px;border:1px solid #d6dfce;border-radius:8px}.admin-card label{display:block;margin:14px 0}.admin-card ul{line-height:1.9;overflow-wrap:anywhere}@media(max-width:600px){.metric-grid{grid-template-columns:1fr 1fr}.admin-main{padding:20px 14px}.admin-actions{flex-wrap:wrap}}

@media(max-width:480px){.quick-start>div{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-start p a{padding:8px 0;text-align:left}}