@charset "UTF-8";
:root{--paper:#f7f5ef;--surface:#fcfbf7;--ink:#292d27;--muted:#77796f;--line:#e5e3da;--orange:#b95535;--orange-dark:#974329;--orange-light:#f1e3d9;--sage:#e8ecdf;--forest:#465a47;--blue:#e5ebeb;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--sidebar:238px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button:disabled{cursor:default}button:disabled:hover{transform:none}::selection{background:#e9cbbb}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px}.skip-link:focus{top:12px}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#f1f0e8;display:flex;flex-direction:column;z-index:30}.brand{height:104px;padding:0 22px;display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{font-family:Georgia,serif;font-size:44px;line-height:1;position:relative;letter-spacing:-7px;width:35px;color:var(--orange)}.brand-mark>span{position:absolute;right:-4px;top:0;font-family:var(--sans);font-size:23px;letter-spacing:0}.brand-type{font-family:Georgia,var(--serif);font-size:19px;font-weight:600;letter-spacing:-.55px;white-space:nowrap}.brand-type>span{display:block;margin-top:8px;letter-spacing:1.5px;font-family:var(--sans);font-weight:400;font-size:8px;color:var(--muted)}.sidebar-content{padding:12px 17px 24px;overflow:auto;flex:1}.nav-label{font-size:10px;color:#8a8b80;padding:0 13px;margin-bottom:15px;display:flex;align-items:center;gap:12px;letter-spacing:.7px}.nav-label>span{font-size:8px;letter-spacing:1.7px;color:#9b9d92}.main-nav{display:grid;gap:5px}.main-nav a{display:flex;align-items:center;gap:12px;min-height:43px;padding:10px 13px;border-radius:5px;color:#64685e;font-size:12px;transition:background .18s,color .18s}.main-nav a svg{width:17px;height:17px;stroke-width:1.4}.main-nav a:hover{background:#e9e8df;color:var(--ink)}.main-nav a.active{background:#e9dfd1;color:#9e4d32;font-weight:600}.nav-dot{width:5px;height:5px;border-radius:100%;background:#9caa84;margin-left:auto}.resource-label{margin-top:36px}.learning-note{margin:44px 8px 0;padding:20px 15px 15px;border:1px solid #dcded1;border-radius:4px;background:linear-gradient(125deg,#eceee4,#eff0e9);position:relative}.note-kicker{font-size:7px;letter-spacing:1.5px;color:#747d66}.learning-note>p{font-family:var(--serif);font-weight:600;font-size:19px;letter-spacing:1px;margin:12px 0 24px}.progress-label{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#7b806f}.progress-label b{font-size:9px;font-weight:400}.progress-track{height:3px;background:#d9dece;margin:9px 0 16px;border-radius:2px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:#687c50;transition:width .3s}.learning-note>a{font-size:11px;display:flex;justify-content:space-between;color:#526046}.learning-note>a>span{font-size:14px}.sidebar-footer{border-top:1px solid var(--line);padding:20px 28px 23px;color:#777e6e;font-size:11px;flex-shrink:0}.tiny-spark{color:var(--orange);margin-right:6px;font-size:18px;vertical-align:middle}.sidebar-footer small{display:block;font-size:9px;color:#95988d;margin-top:9px;letter-spacing:.4px}.workspace{margin-left:var(--sidebar)}.topbar{height:73px;padding:0 45px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;background:rgba(247,245,239,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.breadcrumb{display:flex;gap:13px;align-items:center;white-space:nowrap;font-size:11px;color:#898b80}.breadcrumb-slash{color:#c7c8bc;font-size:14px}.breadcrumb>span:last-child{color:#53584d}.search-trigger{margin-left:auto;display:flex;align-items:center;gap:9px;background:#fdfcf9;border:1px solid #e5e3da;border-radius:5px;padding:8px 10px;color:#929388;font-size:10px;min-width:236px;min-height:34px;text-align:left}.search-trigger svg{width:14px;height:14px}.search-trigger kbd{margin-left:auto}kbd{font-family:var(--sans);font-size:10px;border:1px solid var(--line);border-radius:3px;padding:1px 5px;background:#f4f3ed;color:#8b8c81}.topbar-tag{font-size:10px;display:flex;align-items:center;gap:9px;white-space:nowrap;color:#7a806d}.status-dot{width:5px;height:5px;background:#91a277;border-radius:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:7px;border-radius:4px}.menu-button{display:none}main{max-width:1420px;padding:0 52px;margin:auto;outline:none}.hero{min-height:444px;display:grid;grid-template-columns:1.13fr 1fr;gap:28px;align-items:center;padding:49px 0 48px}.eyebrow{display:flex;align-items:center;gap:10px;color:#8b735c;font-size:9px;letter-spacing:1.8px;margin-bottom:22px}.eyebrow>span{width:21px;height:1px;background:var(--orange)}h1{font-family:var(--serif);font-weight:600;letter-spacing:2px;font-size:60px;line-height:1.3;margin:0;color:#30342b}.title-highlight{color:var(--orange);position:relative}.title-highlight:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:8px;border-top:2px solid #c47b58;border-radius:50%;transform:rotate(-3deg)}.hero-description{font-size:12px;line-height:2.1;color:#7b7c71;margin:23px 0 25px;letter-spacing:.3px}.hero-actions{display:flex;gap:23px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:5px;padding:13px 18px;font-size:11px;font-weight:500;border:1px solid transparent;transition:background .2s,transform .2s;min-height:43px}.button svg{width:16px;height:16px}.button-primary{background:var(--orange);color:#fffaf4}.button-primary:hover{background:var(--orange-dark);transform:translateY(-1px)}.quiet-link{font-size:10px;color:#6f7365;display:flex;align-items:center;gap:11px}.quiet-link:hover{color:var(--orange)}.hero-benefits{display:flex;gap:22px;font-size:9px;color:#95978b;margin-top:23px}.hero-benefits span{display:flex;gap:5px;align-items:center}.hero-benefits svg{width:12px;height:12px;stroke:#82916b}.lesson-art{position:relative;min-height:350px;display:flex;align-items:center;justify-content:center;padding:18px 17px 10px;background-image:radial-gradient(#b5b6a44d .65px,transparent .65px);background-size:15px 15px;border-radius:50%;isolation:isolate}.practice-paper{width:304px;padding:21px 23px 15px;background:#fffefa;border:1px solid #dedbce;border-radius:4px;box-shadow:6px 8px 0 #eeeadf,7px 9px 0 #dcd8ca,0 17px 30px #56533b0b;transform:rotate(-3deg);z-index:2;position:relative}.paper-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e3d5;padding-bottom:13px;font-family:var(--serif);font-size:12px;color:#797963;letter-spacing:1px}.paper-heading svg{width:20px;height:20px;color:var(--orange);stroke-width:1.2}.paper-question{display:flex;gap:11px;margin-top:20px}.paper-index{font-size:10px;letter-spacing:1px;color:#aeaa96;font-family:Georgia,serif;margin-top:3px}.paper-question small{font-size:9px;color:#989482}.paper-question p{font-family:var(--serif);font-size:18px;margin:10px 0 0;color:#555b4b;font-weight:600}.hand-drawn-arrow{display:flex;align-items:center;gap:5px;padding-left:20px;margin:5px 0 1px}.hand-drawn-arrow>svg{width:37px;height:42px;color:#b28760;stroke-width:1.2}.hand-drawn-arrow>span{font-size:9px;color:#9a896e;font-family:var(--serif);transform:rotate(-4deg)}.paper-answer{border:1px solid #e2d5bc;border-radius:4px;background:#f4eedf;padding:15px 15px 12px}.paper-answer>small{font-size:9px;color:#b36b40;letter-spacing:1px}.paper-answer>p{font-size:11px;line-height:1.9;color:#625d4b;margin:8px 0 13px}.answer-tag{font-size:8px;color:#7d8464;display:flex;align-items:center;gap:5px}.answer-tag svg{width:11px;height:11px}.paper-bottom{display:flex;justify-content:space-between;font-size:7px;color:#b1ad9c;padding-top:17px}.art-label{position:absolute;top:5px;right:14px;font-size:8px;letter-spacing:2px;color:#969a82;transform:rotate(8deg)}.art-label>span{font-family:var(--serif);font-size:26px;display:inline-block;margin-left:10px;vertical-align:middle}.art-sticker{z-index:3;position:absolute;right:0;bottom:24px;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(8deg);background:#e7ead7;border:1px solid #d8ddc7;border-radius:3px;padding:13px 17px;box-shadow:0 5px 15px #59623a0b}.art-sticker svg{width:25px;height:25px;color:#829563;stroke-width:1.1}.art-sticker>span{font-family:var(--serif);font-size:14px;line-height:1.6;color:#65754c;font-weight:600;letter-spacing:1px}.art-orbit{position:absolute;z-index:0;border:1px solid #d8d9c78c;border-radius:50%;width:340px;height:290px;transform:rotate(-24deg)}.orbit-two{width:380px;height:225px;transform:rotate(35deg);border-style:dashed;border-color:#d6d4c34d}.paths-section{border-top:1px solid var(--line);padding-top:33px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.section-kicker{font-size:8px;letter-spacing:1.8px;color:#979887;margin-bottom:10px}h2{font-family:var(--serif);font-size:25px;letter-spacing:.7px;font-weight:600;margin:0;line-height:1.5}.section-heading p{font-size:10px;color:#8d8e81;margin:9px 0 0;line-height:1.8}.section-meta{font-size:9px;color:#999b8d;white-space:nowrap;align-self:flex-end;margin-bottom:3px}.path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.path-card{padding:19px 18px 0;border:1px solid var(--line);border-radius:6px;background:#faf9f4;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.path-card:hover{transform:translateY(-4px);border-color:#c6c7b6;box-shadow:0 10px 22px #4e483b08}.path-beginner{background:#f6efe5;border-color:#dfc9b4}.path-beginner:after{content:"";position:absolute;height:2px;bottom:0;left:0;width:100%;background:#bb7152}.path-top{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-bottom:20px}.path-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#eee2d1;color:#af6944}.path-icon svg{width:21px;height:21px;stroke-width:1.2}.recommend-badge{font-size:8px;color:#9e6741;border:1px solid #dbc7ad;padding:4px 6px;border-radius:3px;white-space:nowrap}.small-path-label{font-size:8px;color:#979b89;white-space:nowrap}.path-work .path-icon{background:#e7ebde;color:#7b8965}.path-code .path-icon{background:#ede8df;color:#8c7d64}.path-api .path-icon{background:#e4ebea;color:#668080}.path-number{font-size:8px;letter-spacing:1.4px;color:#a3a08f}.path-card h3{font-family:var(--serif);font-size:21px;font-weight:600;margin:7px 0 10px;letter-spacing:.4px}.path-card>p{font-size:10px;line-height:1.9;color:#858576;margin:0 0 22px}.path-bottom{border-top:1px solid #e4dfd2;display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:8px;color:#8a8c7c}.path-bottom>svg{width:14px;height:14px;color:#aaa48e}.middle-dot{margin:0 7px;color:#c4bca7}.lesson-section{padding-top:43px}.compact{margin-bottom:19px}.compact h2{font-size:23px}.text-button{border:0;padding:7px 0;background:none;font-size:10px;display:flex;align-items:center;gap:12px;color:#7b7f6c}.text-button:hover{color:var(--orange)}.course-layout{display:grid;grid-template-columns:1fr 232px;gap:25px}.lesson-list{border-top:1px solid var(--line)}.lesson-row{display:grid;grid-template-columns:31px 1fr auto 22px;gap:13px;align-items:center;padding:18px 8px 18px 0;border-bottom:1px solid var(--line);transition:background .2s}.lesson-row:hover{background:#efeee5}.row-index{font-family:Georgia,serif;font-size:17px;color:#aba998;align-self:start;margin-top:3px}.row-body h3{font-size:12px;font-weight:500;margin:0 0 6px;color:#4f5548}.row-body p{font-size:9px;color:#959789;margin:0;line-height:1.7}.row-time{font-size:8px;color:#929783;white-space:nowrap}.lesson-row>svg{width:15px;height:15px;color:#979d85}.lesson-row.completed .row-index{color:#6e845a}.study-tip{padding:22px 23px;border:1px solid #e0e4d3;border-radius:5px;background:linear-gradient(145deg,#ecefe4,#eff0e8);position:relative;overflow:hidden}.tip-icon{position:absolute;right:19px;top:17px;font-size:34px;color:#abb992;font-weight:400;transform:rotate(-10deg)}.study-tip h3{font-family:var(--serif);font-size:23px;color:#657451;letter-spacing:1px;line-height:1.5;margin:7px 0 13px}.study-tip p{font-size:10px;color:#8a937a;line-height:1.9;margin:0 0 23px}.tip-footnote{font-size:8px;color:#9aa287}.update-strip{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-top:38px}.update-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#8d947c;background:#eceee4;border-radius:100%;flex-shrink:0}.update-icon svg{width:19px;height:19px}.update-strip h3{font-size:12px;font-weight:500;color:#616b54;margin:0 0 6px}.update-strip p{font-size:9px;color:#939785;margin:0;line-height:1.8}.update-strip>.text-button{margin-left:auto;white-space:nowrap}.update-details{padding:22px 25px;background:#edeee4;border:1px solid #dfe2d4;margin-top:13px;border-radius:5px;color:#68715b}.update-details h3{font-size:13px}.update-details p{font-size:11px;line-height:1.9}.update-details>div{display:flex;gap:25px;font-size:10px}.update-details a{text-decoration:underline;text-underline-offset:4px}.page-footer{display:flex;justify-content:space-between;align-items:center;padding:30px 0 27px;gap:20px;font-size:8px;color:#aaa99a}.page-footer>a{font-family:Georgia,serif;font-size:12px;color:#8d8f7b}.page-footer>a>span{font-family:var(--sans);margin-left:15px;font-size:8px;color:#a4a693}.search-dialog{padding:0;width:min(580px,calc(100% - 32px));max-height:80dvh;border:1px solid #dedbcf;background:var(--surface);border-radius:9px;box-shadow:0 25px 100px #292d272e;top:14vh;margin:0 auto;overflow:auto;color:var(--ink)}.search-dialog::backdrop{background:#303a3150;backdrop-filter:blur(4px)}.search-header{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:15px 18px;position:sticky;top:0;background:var(--surface)}.search-header>svg{color:#8d947e;width:18px;height:18px}.search-header input{min-width:0;width:100%;border:0;background:transparent;color:var(--ink);font-size:13px;padding:8px;outline-offset:0}.search-body{padding:12px}.search-hint{font-size:10px;color:#909780;padding:0 12px;margin:8px 0 12px}.search-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 12px;border-radius:5px}.search-result:hover{background:#eeeee3}.search-result strong{font-size:13px;font-weight:500;display:block}.search-result small{display:block;font-size:10px;color:#8b917e;margin-top:6px}.search-result>svg{width:15px;height:15px;color:#9b9d8f}.search-empty{color:#808874;font-size:12px;padding:20px 12px;line-height:1.8}.search-footer{padding:13px 23px;border-top:1px solid var(--line);font-size:9px;color:#989c8b;display:flex;justify-content:space-between;align-items:center}.search-footer kbd{font-size:8px}.toast{position:fixed;bottom:30px;left:calc(50% + 100px);transform:translate(-50%,15px);background:#424e3c;color:#f9faf4;padding:13px 23px;border-radius:5px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
/* 教程页把正文、步骤和自检放在同一条阅读路径上。 */
.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 164px;gap:43px;padding-top:35px;align-items:start}.lesson-article{max-width:730px;min-width:0}.lesson-back{font-size:10px;color:#919581;display:inline-flex;gap:7px;margin-bottom:29px}.lesson-back:hover{color:var(--orange)}.lesson-eyebrow{color:var(--orange);font-size:9px;letter-spacing:1.3px;display:flex;gap:9px;align-items:center;margin-bottom:15px}.lesson-article h1{font-size:38px;letter-spacing:1px;line-height:1.4}.lesson-lead{font-size:13px;color:#7e8473;line-height:2;margin:17px 0 16px}.lesson-metadata{display:flex;gap:17px;font-size:9px;color:#929985;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.lesson-metadata>span{display:flex;align-items:center;gap:5px}.lesson-metadata svg{width:12px;height:12px}.objective-box{margin-top:25px;padding:20px 23px;border:1px solid #dce1cf;border-radius:5px;background:#edf0e4}.objective-label{font-size:10px;color:#6a7e51;display:flex;align-items:center;gap:7px;font-weight:500}.objective-label svg{width:14px;height:14px}.objective-box>p{font-size:12px;line-height:1.9;color:#6e785f;margin:10px 0 0}.article-section{margin-top:36px;scroll-margin-top:100px}.article-section h2{font-size:23px;display:flex;align-items:baseline;gap:11px;margin-bottom:14px}.step-number{color:#bc8b64;font-size:19px;font-family:Georgia,serif;font-weight:400;letter-spacing:0}.article-section>p,.article-section>ul,.article-section>ol{font-size:13px;line-height:2.1;color:#68715e}.article-section>ul,.article-section>ol{padding-left:23px}.article-section li{padding-left:4px;margin:6px 0}.article-section strong{color:#404e36;font-weight:600}.prompt-example{border:1px solid #e1d8c5;border-radius:6px;background:#faf6ec;margin:18px 0;overflow:hidden}.example-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid #e9e1d1;background:#f3eddf;font-size:9px;letter-spacing:.6px;color:#9a7e5b}.copy-button{background:transparent;border:1px solid #d9cebb;border-radius:3px;color:#8d795d;padding:4px 8px;font-size:9px;min-height:28px}.copy-button:hover{background:#e9dfcb}.prompt-text{margin:0;padding:20px;font-size:12px;line-height:2.1;color:#6e624a;white-space:pre-wrap;font-family:var(--sans);overflow-wrap:anywhere}.example-caption{font-size:10px!important;color:#9b9684!important;margin-top:9px!important}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:19px 0}.concept-cell{background:#efeee5;border:1px solid #e3e3d6;border-radius:4px;padding:14px}.concept-cell>span{font-size:8px;color:#a29c84;letter-spacing:1px}.concept-cell h3{font-family:var(--serif);font-size:18px;font-weight:600;color:#6a745b;margin:8px 0}.concept-cell p{font-size:10px;line-height:1.8;color:#92957f;margin:0}.exercise-box{border-left:3px solid #9aa97f;padding:17px 20px;background:#edf0e5;margin:18px 0}.exercise-box>span{font-size:9px;color:#8b9b70;letter-spacing:1px}.exercise-box p{font-size:12px;line-height:2;color:#6d795d;margin:10px 0 0}.lesson-checklist{display:grid;gap:12px;margin:19px 0}.lesson-checklist label{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#717c64;cursor:pointer;line-height:1.8}.lesson-checklist input{accent-color:#75875f;width:15px;height:15px;margin-top:3px;flex-shrink:0}.lesson-source{border-top:1px solid var(--line);padding-top:19px;margin-top:33px;font-size:10px;color:#919883;line-height:2}.lesson-source a{text-decoration:underline;text-underline-offset:3px}.lesson-end{margin-top:26px;padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.complete-button{border:1px solid #bac5a6;background:#e7ecdf;color:#65794c}.complete-button:hover{background:#dce5d0}.complete-button.is-complete{background:#dce6cf}.next-lesson{font-size:10px;line-height:1.9;color:#91987e;text-align:right}.next-lesson strong{display:block;color:#687855;font-size:12px;font-weight:500}.lesson-toc{position:sticky;top:112px;border-left:1px solid var(--line);padding-left:19px;margin-top:19px}.lesson-toc>span{font-size:9px;letter-spacing:1px;color:#a1a28f}.lesson-toc nav{display:grid;gap:16px;margin-top:19px}.lesson-toc a{font-size:10px;line-height:1.7;color:#8b947c}.lesson-toc a:hover{color:var(--orange)}.toc-tip{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;line-height:2;color:#a0a58d}.toc-tip>span{font-family:var(--serif);font-size:19px;color:#86986e}.path-card.is-selected{outline:2px solid #b07a51;outline-offset:3px}.content-enter{animation:content-enter .4s ease-out both}@keyframes content-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){:root{--sidebar:256px}main{padding:0 70px}.topbar{padding:0 60px}.hero{min-height:490px;gap:65px}h1{font-size:68px}.hero-description{font-size:14px}.practice-paper{width:330px}.paper-answer>p{font-size:12px}.hero-benefits{font-size:10px}.path-card{padding:23px 22px 0}.path-card>p{font-size:12px}.path-card h3{font-size:23px}.path-bottom{font-size:10px}.row-body h3{font-size:14px}.row-body p{font-size:11px}.lesson-row{padding:20px 8px 20px 0}}
@media(max-width:1200px){:root{--sidebar:216px}.brand{padding:0 18px;gap:8px}.brand-type{font-size:17px}.brand-mark{font-size:39px;width:31px}.brand-type>span{font-size:7px}.sidebar-content{padding-left:12px;padding-right:12px}main{padding:0 34px}.topbar{padding:0 29px}.hero{gap:18px;padding-top:39px;padding-bottom:40px;min-height:414px}h1{font-size:50px}.hero-description{font-size:11px}.hero-actions{gap:15px}.button{gap:13px;padding:12px 14px}.quiet-link{font-size:9px;gap:7px}.lesson-art{min-height:330px;padding:10px}.practice-paper{width:270px;padding:18px}.paper-question p{font-size:16px}.paper-answer>p{font-size:10px}.art-sticker{right:-8px;bottom:17px;padding:10px 12px}.art-sticker>span{font-size:12px}.art-label{right:0;top:0;font-size:7px}.art-orbit{width:280px;height:260px}.orbit-two{width:310px;height:220px}.path-card{padding:16px 13px 0}.small-path-label{display:none}.path-top{margin-bottom:17px}.path-card h3{font-size:19px}.path-bottom{font-size:8px}.course-layout{grid-template-columns:1fr 205px;gap:20px}.lesson-layout{grid-template-columns:minmax(0,1fr) 140px;gap:25px}.lesson-article h1{font-size:33px}}
@media(max-width:1000px){main{padding:0 29px}.hero{grid-template-columns:1fr 1fr;gap:10px}h1{font-size:43px}.hero-description{font-size:10px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-benefits{font-size:8px;gap:12px}.practice-paper{width:245px;padding:16px}.paper-answer{padding:12px 10px}.paper-answer>p{font-size:9px}.paper-question p{font-size:15px}.art-sticker{bottom:20px}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.small-path-label{display:block}.path-card{padding:19px 20px 0}.path-card>p{font-size:11px}.path-card h3{font-size:22px}.path-top{margin-bottom:12px}.path-bottom{font-size:10px}.course-layout{grid-template-columns:1fr}.study-tip{display:none}.lesson-layout{grid-template-columns:1fr}.lesson-toc{display:none}.topbar{gap:15px}.search-trigger{min-width:190px}.topbar-tag{display:none}}
@media(max-width:760px){:root{--sidebar:238px}.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:10px 0 50px #25321e22}.sidebar-backdrop{position:fixed;inset:0;border:0;background:#26332155;backdrop-filter:blur(2px);z-index:29}.workspace{margin-left:0}.topbar{height:62px;padding:0 22px;gap:15px}.menu-button{display:inline-flex;margin-left:-8px}.breadcrumb{gap:10px;font-size:10px}.search-trigger{min-width:auto;padding:7px;border:0;background:none;margin-right:-6px;min-height:36px}.search-trigger>span,.search-trigger>kbd{display:none}.search-trigger svg{width:19px;height:19px}main{padding:0 26px}.hero{grid-template-columns:1.15fr 1fr;padding:35px 0;min-height:386px;gap:8px}.hero-copy{position:relative;z-index:3}h1{font-size:43px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:19px}.hero-description{font-size:10px;line-height:2}.hero-description br{display:none}.hero-description{max-width:260px;margin:18px 0}.hero-actions{gap:17px}.hero-benefits{margin-top:18px;flex-direction:column;gap:7px}.lesson-art{min-height:300px;padding:0}.practice-paper{width:225px;padding:14px;transform:rotate(-4deg)}.paper-heading{font-size:10px}.paper-answer p{font-size:9px}.paper-answer{padding:10px}.paper-question{gap:7px;margin-top:14px}.paper-question p{font-size:14px}.paper-question small{font-size:8px}.hand-drawn-arrow{padding-left:10px}.hand-drawn-arrow span{font-size:8px}.art-label{font-size:6px;right:-5px;top:1px}.art-sticker{right:-3px;bottom:15px;gap:5px;padding:9px}.art-sticker svg{width:21px;height:21px}.art-sticker>span{font-size:11px}.art-orbit{width:230px;height:250px}.orbit-two{width:250px;height:210px}.section-heading{gap:10px}.section-heading h2{font-size:23px}.section-heading p{font-size:10px}.section-meta{font-size:8px}.paths-section{padding-top:27px}.path-card{padding:18px 16px 0}.lesson-section{padding-top:32px}.compact h2{font-size:22px}.row-body h3{font-size:12px}.row-body p{font-size:10px}.row-time{font-size:9px}.update-strip{gap:12px;align-items:flex-start;margin-top:30px;flex-wrap:wrap}.update-strip>div{flex:1;min-width:200px}.update-strip>.text-button{margin-left:48px;margin-top:-4px}.page-footer{align-items:flex-start;padding-top:24px}.page-footer>a>span{display:block;margin:8px 0 0}.page-footer>span{font-size:7px;margin-top:2px;white-space:nowrap}.toast{left:50%;width:max-content;max-width:calc(100% - 32px);font-size:11px}.lesson-layout{padding-top:25px}.lesson-back{margin-bottom:25px}.lesson-article h1{font-size:33px}.lesson-lead{font-size:12px}.lesson-metadata{font-size:8px;gap:12px}.article-section>p,.article-section>ul,.article-section>ol{font-size:14px}.article-section h2{font-size:23px}.prompt-text{font-size:12px;padding:17px}.concept-cell{padding:12px}.concept-cell h3{font-size:18px}.concept-cell p{font-size:11px}.lesson-checklist label{font-size:13px}.lesson-end{align-items:flex-start}.lesson-end .button{font-size:10px;gap:6px}.next-lesson{font-size:9px}.next-lesson strong{font-size:11px}}
@media(max-width:500px){main{padding:0 23px}.topbar{padding:0 23px}.hero{grid-template-columns:1fr;padding:36px 0 26px;gap:24px}.hero-copy{padding-left:1px}h1{font-size:51px;letter-spacing:2px;line-height:1.27}.eyebrow{font-size:8px;margin-bottom:20px}.hero-description{font-size:12px;max-width:340px;margin:20px 0 23px;line-height:2}.hero-actions{flex-direction:row;align-items:center;gap:20px}.button{font-size:11px;min-height:44px;padding:13px 16px}.quiet-link{font-size:10px;gap:7px}.hero-benefits{flex-direction:row;gap:18px;font-size:9px;margin-top:21px}.lesson-art{width:100%;max-width:340px;min-height:330px;margin:2px auto 0}.practice-paper{width:275px;padding:19px 21px;transform:rotate(-3deg)}.paper-heading{font-size:11px}.paper-question p{font-size:17px}.paper-question small{font-size:9px}.paper-question{gap:10px;margin-top:17px}.paper-answer{padding:13px}.paper-answer p{font-size:10px}.paper-bottom{font-size:7px}.art-orbit{width:290px;height:260px}.orbit-two{width:320px;height:230px}.art-label{right:5px;top:-1px;font-size:7px}.art-sticker{bottom:8px;right:-2px;padding:11px 13px}.art-sticker>span{font-size:12px}.hand-drawn-arrow span{font-size:9px}.section-meta{display:none}.section-heading h2{font-size:23px;letter-spacing:0}.section-heading p{font-size:11px;max-width:270px}.section-kicker{font-size:7px;letter-spacing:1.4px}.path-grid{gap:12px}.path-card{padding:15px 13px 0}.path-top{margin-bottom:16px;min-height:32px}.path-icon{width:29px;height:29px}.path-icon svg{width:19px;height:19px}.recommend-badge{font-size:7px;padding:3px 4px}.small-path-label{display:none}.path-card h3{font-size:20px;letter-spacing:0}.path-card>p{font-size:10px;line-height:1.9;margin-bottom:17px}.path-bottom{font-size:8px;padding:12px 0}.path-number{font-size:7px;letter-spacing:1.3px}.path-bottom svg{width:12px;height:12px}.middle-dot{margin:0 4px}.section-heading.compact{align-items:flex-start;flex-direction:column;gap:5px}.compact h2{font-size:23px}.lesson-row{grid-template-columns:25px 1fr 13px;gap:9px;padding:18px 0}.row-time{display:none}.row-body h3{font-size:12px;line-height:1.8;margin-bottom:5px}.row-body p{font-size:10px;line-height:1.8}.row-index{font-size:17px;margin-top:6px}.row-body{padding-right:7px}.lesson-row>svg{width:13px;height:13px}.update-strip h3{font-size:12px}.update-strip p{font-size:10px}.update-details{padding:16px}.update-details>div{flex-direction:column;gap:15px}.page-footer{flex-direction:column;gap:17px}.page-footer>span{font-size:8px}.page-footer>a>span{font-size:9px}.lesson-article h1{font-size:32px}.lesson-lead{font-size:13px}.lesson-metadata{font-size:9px;line-height:1.8}.objective-box{padding:17px 18px}.objective-box>p{font-size:12px}.concept-grid{gap:7px}.concept-cell{padding:12px 9px}.concept-cell p{font-size:10px}.concept-cell h3{font-size:16px}.lesson-end{flex-direction:column;gap:20px}.next-lesson{text-align:left}.article-section{margin-top:30px}.article-section h2{font-size:22px}.search-dialog{top:9vh}}
/* 提高教学文字的可读性，辅助标记保持较轻的视觉层级。 */
.main-nav a{font-size:13px}.hero-description{font-size:14px;color:#707464}.hero-benefits{font-size:10px;color:#7d836f}.button{font-size:12px}.quiet-link{font-size:11px}.section-heading p{font-size:12px;color:#777e6b}.path-card>p{font-size:12px;color:#777d69}.path-bottom{font-size:10px;color:#767d66}.small-path-label{font-size:9px}.recommend-badge{font-size:9px}.row-body h3{font-size:14px}.row-body p{font-size:11px;color:#7d856f}.row-time{font-size:10px}.text-button{font-size:11px}.study-tip p{font-size:12px;color:#7b8868}.update-strip p{font-size:11px;color:#7c866c}.lesson-lead{font-size:15px;color:#727c64}.article-section>p,.article-section>ul,.article-section>ol{font-size:16px;line-height:2;color:#5d6853}.objective-box>p{font-size:14px}.prompt-text{font-size:14px}.exercise-box p{font-size:14px}.lesson-checklist label{font-size:14px}.lesson-source{font-size:11px}.lesson-toc a{font-size:11px}.learning-note>p{font-size:17px;letter-spacing:0;white-space:nowrap}
@media(max-width:1200px) and (min-width:761px){.hero-description{font-size:12px}.hero-actions .button{font-size:11px}.hero-actions .quiet-link{font-size:10px}.hero-copy,.lesson-art{min-width:0}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.hero h1{font-size:clamp(32px,4vw,50px)}.path-card>p{font-size:11px}.path-bottom{font-size:9px}.path-top .small-path-label{font-size:8px}}
@media(max-width:760px){.hero-copy,.lesson-art{min-width:0}.hero-description{font-size:12px}.hero h1{font-size:40px}.hero-benefits{font-size:9px}.article-section>p,.article-section>ul,.article-section>ol{font-size:15px}.prompt-text{font-size:13px}.section-heading p{font-size:11px}.path-card>p{font-size:11px}.path-bottom{font-size:9px}.recommend-badge{font-size:8px}.row-body h3{font-size:13px}.row-body p{font-size:11px}}
@media(max-width:650px){.hero{grid-template-columns:minmax(0,1fr);padding:36px 0 28px;gap:24px}.hero h1{font-size:51px}.hero-description{max-width:360px;font-size:13px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-benefits{flex-direction:row;gap:18px}.lesson-art{width:100%;max-width:340px;min-height:330px;margin:2px auto 0}.practice-paper{width:275px;padding:19px 21px;transform:rotate(-3deg)}.paper-heading{font-size:11px}.paper-question p{font-size:17px}.paper-question small{font-size:9px}.paper-question{gap:10px;margin-top:17px}.paper-answer{padding:13px}.paper-answer p{font-size:10px}.paper-bottom{font-size:7px}.art-orbit{width:290px;height:260px}.orbit-two{width:320px;height:230px}.art-label{right:5px;top:-1px;font-size:7px}.art-sticker{bottom:8px;right:-2px;padding:11px 13px}.art-sticker>span{font-size:12px}.hand-drawn-arrow span{font-size:9px}}
@media(max-width:380px){.hero h1{font-size:46px}.hero-actions{gap:12px}.hero-actions .button{font-size:11px;padding:12px}.quiet-link{font-size:10px}.path-card{padding-left:11px;padding-right:11px}.path-card>p{font-size:10px}.path-card h3{font-size:18px}.path-bottom{font-size:8px}.recommend-badge{font-size:7px}.lesson-art{max-width:300px}.art-sticker{right:2px}.practice-paper{width:260px}}
@media(max-width:650px){.art-orbit{width:75%;height:180px}.orbit-two{width:75%;height:150px}}
@media(min-width:761px) and (max-width:1000px){.hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:34px}.hero h1{font-size:50px}.hero-description{max-width:410px}.hero-actions{flex-direction:row;align-items:center}.lesson-art{width:100%;max-width:340px;margin:0 auto;min-height:330px}.practice-paper{width:275px}.art-orbit{width:75%;height:180px}.orbit-two{height:150px}.paper-answer>p{font-size:10px}.paper-question p{font-size:17px}}
.breadcrumb-mobile{display:none}@media(max-width:760px){.breadcrumb-desktop{display:none}.breadcrumb-mobile{display:inline;font-family:Georgia,var(--serif);font-size:15px;font-weight:600;color:#5c614f}}
/* 各语言共用布局，按文字长度调整字体、换行和语言选择器。 */
html:lang(en){--serif:Georgia,"Times New Roman",serif;--sans:"Avenir Next","Trebuchet MS",sans-serif}
html:lang(ja){--serif:"Hiragino Mincho ProN","Yu Mincho",serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
.language-control{display:flex;align-items:center;gap:7px;flex-shrink:0;color:#747b66}
.language-control>svg{width:16px;height:16px}
.language-control select{font:inherit;font-size:12px;color:#59634d;border:1px solid #dedfd3;border-radius:4px;background:var(--surface);padding:8px 7px;min-height:36px;cursor:pointer;max-width:112px}
.language-control select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.eyebrow>[data-i18n]{width:auto;height:auto;background:none}
.nav-label>span:first-child{font-size:10px;letter-spacing:.7px;color:#8a8b80}
.learning-note>p{white-space:normal;line-height:1.55;font-size:16px}
.brand-type>span{letter-spacing:1px;font-size:7px}
.art-sticker>span,.study-tip h3{white-space:pre-line}
.path-card{display:flex;flex-direction:column;min-width:0}
.path-card>p{line-height:1.8;flex:1}
.path-bottom{gap:8px}
.path-bottom>span{overflow-wrap:anywhere}
.small-path-label{white-space:normal;text-align:right;line-height:1.5;max-width:115px}
.recommend-badge{font-size:8px}
.hero-copy,.lesson-art,.section-heading>div,.row-body{min-width:0}
.hero-description{max-width:455px;line-height:1.9}
.hero-actions{flex-wrap:wrap;row-gap:16px}
.hero-benefits{flex-wrap:wrap;gap:12px 20px}
.hero h1:lang(en){font-size:clamp(42px,4.6vw,66px);letter-spacing:-2px;line-height:1.13;font-weight:400}
.hero h1:lang(ja){letter-spacing:0;font-size:clamp(34px,4vw,55px)}
.path-card h3:lang(en){font-size:23px;letter-spacing:-.6px;line-height:1.2}
.path-card h3:lang(ja){font-size:20px;letter-spacing:0;line-height:1.6}
.paper-question p:lang(en){font-size:18px;letter-spacing:-.3px;line-height:1.4}
.paper-answer>p:lang(en){font-size:12px;line-height:1.7}
.lesson-article h1:lang(en){font-weight:400;line-height:1.2;letter-spacing:-.7px}
.lesson-article h1:lang(ja){font-size:33px;letter-spacing:0;line-height:1.6}
.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.concept-cell{min-width:0;overflow-wrap:anywhere}
.concept-cell h3:lang(en){font-size:18px;letter-spacing:-.3px}
.concept-cell h3:lang(ja){font-size:16px}
.article-section h2:lang(en){letter-spacing:-.4px;font-weight:400}
.page-footer>span{white-space:normal}
.lesson-end>*{min-width:0}
.lesson-end .button{flex-shrink:0}
.search-footer{gap:15px}
@media(max-width:1200px){.search-trigger{min-width:0}.search-trigger>span,.search-trigger>kbd{display:none}.search-trigger{padding:8px;border:0;background:none}.hero h1:lang(en){font-size:48px}.hero h1:lang(ja){font-size:40px}.hero-actions{gap:15px}}
@media(min-width:761px) and (max-width:1000px){.hero h1:lang(en){font-size:56px}.hero-description{max-width:430px}}
@media(max-width:760px){.hero h1:lang(en){font-size:42px}.hero h1:lang(ja){font-size:39px}.language-control select{font-size:11px}.section-heading h2:lang(en){font-size:26px}.breadcrumb{overflow:hidden}.breadcrumb>span{flex-shrink:0}}
@media(max-width:650px){.hero h1:lang(en){font-size:clamp(34px,10vw,48px)}.hero h1:lang(ja){font-size:clamp(32px,9vw,46px)}.hero-actions{gap:16px}.hero-actions .button{font-size:11px;padding:13px}.quiet-link{font-size:10px}.hero-benefits{font-size:10px}.path-card h3:lang(en){font-size:21px}.path-card h3:lang(ja){font-size:18px}.path-bottom{font-size:9px}.path-card>p{font-size:12px}.recommend-badge{font-size:7px}.paper-question p:lang(en){font-size:17px}.paper-answer>p:lang(en){font-size:11px}.practice-paper{padding:19px 20px}.paper-bottom{gap:8px}.paper-bottom>span:last-child{white-space:nowrap}.hero{gap:30px}.lesson-article h1:lang(en){font-size:32px}.lesson-article h1:lang(ja){font-size:28px}.page-footer>a>span{line-height:1.8}}
@media(max-width:600px){.topbar{padding:0 16px;gap:8px}.breadcrumb{gap:8px}.breadcrumb-slash,#breadcrumb-current{display:none}.language-control{gap:0}.language-control>svg{display:none}.language-control select{width:83px;padding:8px 4px;min-height:36px}.search-trigger{margin-right:0;padding:7px}.search-footer{font-size:8px}.search-footer kbd{white-space:nowrap}.hero-actions{gap:12px}.concept-cell h3:lang(en){font-size:16px}.concept-cell h3:lang(ja){font-size:15px}}
@media(max-width:380px){.path-grid{grid-template-columns:1fr}.path-card{padding:19px 20px 0}.path-card h3:lang(en){font-size:24px}.path-top{margin-bottom:12px}.path-card>p{font-size:13px;line-height:1.8;margin-bottom:17px}.path-bottom{font-size:11px}.path-card h3:lang(ja){font-size:21px}.recommend-badge{font-size:9px}.hero-benefits{font-size:9px;gap:12px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-actions .button{font-size:12px}.hero-actions .quiet-link{font-size:11px}.concept-grid{grid-template-columns:1fr}.concept-cell h3:lang(en){font-size:19px}.concept-cell p{font-size:12px}.paper-question p:lang(ja){font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* 手册与时间线沿用纸张、细线和学习笔记的视觉语言。 */
.path-desktop .path-icon{background:#e5e9db;color:#697d54}
.path-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.path-card{grid-column:span 2}.path-card:nth-child(-n+2){grid-column:span 3}
.path-card h3{overflow-wrap:anywhere}
.path-top .small-path-label{white-space:normal;text-align:right}
.update-strip .quiet-link{display:inline-flex;margin-top:9px;color:var(--orange);font-size:12px}
.manual-layout,.manual-layout>*,.manual-section,.manual-downloads{min-width:0}
.manual-section h2{font-size:25px;line-height:1.45;margin-bottom:16px;overflow-wrap:anywhere}
.manual-section>p{white-space:pre-line}
.manual-section .prompt-example{margin-top:22px;max-width:100%}
.manual-code{margin:0;padding:20px 22px;overflow-x:auto;max-width:100%;font:12px/1.85 'SFMono-Regular',Consolas,monospace;color:#45513f;tab-size:2}
.manual-code code{font:inherit}
.manual-downloads{border:1px solid #d9dfcd;border-radius:6px;background:#eef0e6;padding:22px;margin:34px 0}
.manual-downloads h2,.manual-sources h2{font-size:23px;margin-bottom:15px}
.manual-downloads>div{display:flex;gap:9px;flex-wrap:wrap}
.manual-downloads a{padding:9px 12px;border:1px solid #d2d9c5;border-radius:4px;background:#fafbf5;font:12px/1.5 'SFMono-Regular',Consolas,monospace;overflow-wrap:anywhere}
.manual-downloads a:hover{border-color:var(--orange);color:var(--orange)}
.manual-downloads>p,.manual-sources>p{font-size:12px;line-height:1.9;color:#6b765e}
.manual-sources{border-top:1px solid var(--line);padding-top:26px;margin-top:38px}
.manual-sources ul{padding-left:19px;margin:12px 0;font-size:13px;line-height:2.2}
.manual-sources a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.manual-layout .lesson-metadata{flex-wrap:wrap;line-height:1.8}
.changelog-page{padding:55px 0 20px;max-width:1060px;margin:auto}
.changelog-page h1{font-size:49px;line-height:1.15;letter-spacing:-1px;max-width:760px}
.changelog-page h1:lang(zh),.changelog-page h1:lang(ja){font-size:40px;line-height:1.5;letter-spacing:0}
.changelog-intro{max-width:740px;font-size:15px;line-height:1.9;color:#737b67;margin:22px 0}
.editorial-note{background:#ecefe3;border:1px solid #dce2ce;border-radius:5px;padding:18px 22px;max-width:850px}
.editorial-note p{font-size:12px;line-height:1.9;margin:0 0 10px;color:#626f52}
.editorial-note>span{font-size:11px;color:#778569}
.timeline-toolbar{display:flex;gap:22px;align-items:flex-end;flex-wrap:wrap;margin:30px 0 36px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.timeline-toolbar label{display:grid;gap:8px;font-size:11px;color:#7d826e;min-width:160px}
.timeline-toolbar select{font:13px var(--sans);color:#424d3b;border:1px solid #d5d7c7;background:#fcfbf6;border-radius:4px;padding:10px 30px 10px 12px;min-height:42px;max-width:100%}
select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
#update-count{font-size:11px;line-height:1.8;color:#848b77;margin-left:auto;padding-bottom:10px}
.timeline-list{list-style:none;padding:0;margin:0;display:grid;gap:29px}
.timeline-item{display:grid;grid-template-columns:140px minmax(0,1fr);gap:28px;position:relative}
.timeline-date{padding-top:13px;position:relative}
.timeline-date>span{display:block;font-size:9px;line-height:1.6;color:#8a907c;margin-bottom:7px}
.timeline-date time{font-family:Georgia,var(--serif);font-size:17px;color:#59694b;line-height:1.7}
.timeline-date:after{content:'';position:absolute;top:24px;right:-29px;width:7px;height:7px;background:var(--orange);border:3px solid var(--paper);box-sizing:content-box;border-radius:50%;z-index:1}
.timeline-card{min-width:0;border:1px solid #dfdfd2;border-radius:6px;background:#faf9f4;padding:27px 29px;position:relative}
.timeline-card:before{content:'';position:absolute;top:30px;bottom:-31px;left:-8px;border-left:1px solid #dedacb}
.timeline-item:last-child .timeline-card:before{bottom:0}
.update-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.update-tags>span{font-size:9px;border:1px solid #ded6c5;color:#887356;background:#f2ede2;border-radius:3px;padding:4px 7px}
.timeline-card h2{font-size:25px;line-height:1.5;letter-spacing:-.3px;overflow-wrap:anywhere}
.update-summary{font-size:14px;line-height:1.9;color:#637056;margin:13px 0 18px}
.timeline-card dl{margin:0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.timeline-card dt{font-size:10px;color:#8b795f;letter-spacing:.3px;margin-bottom:5px}
.timeline-card dd{margin:0;color:#717b65;font-size:12px;line-height:1.9}
.timeline-card dd+dt{margin-top:14px}
.update-source{display:flex;gap:13px;align-items:baseline;flex-wrap:wrap;margin:16px 0}
.update-source>a{color:var(--orange);font-size:12px;text-decoration:underline;text-underline-offset:4px}
.update-source>span{font-size:10px;color:#919580;overflow-wrap:anywhere}
.related-guides{display:grid;gap:8px}
.related-guides>span{font-size:9px;color:#90977d;margin-bottom:2px}
.related-guides a{font-size:12px;line-height:1.8;color:#5b7350;overflow-wrap:anywhere}
.related-guides a:hover{color:var(--orange);text-decoration:underline}
.record-date{font-size:9px;line-height:1.9;color:#939983;margin:19px 0 0}
@media(max-width:1200px){.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-card,.path-card:nth-child(-n+2){grid-column:auto}.path-card:last-child{grid-column:1/-1}.path-desktop>p{max-width:480px}.timeline-item{grid-template-columns:115px minmax(0,1fr);gap:23px}.timeline-date:after{right:-24px}.timeline-card{padding:23px}}
@media(max-width:760px){.changelog-page{padding-top:30px}.changelog-page h1{font-size:38px}.changelog-page h1:lang(zh),.changelog-page h1:lang(ja){font-size:31px}.changelog-intro{font-size:14px}.timeline-toolbar{gap:14px}.timeline-toolbar label{flex:1;min-width:130px}#update-count{flex-basis:100%;padding:0}.timeline-item{grid-template-columns:minmax(0,1fr);gap:10px}.timeline-date{padding:0 0 0 17px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.timeline-date>span{margin:0}.timeline-date time{font-size:16px}.timeline-date:after{left:0;right:auto;top:8px;width:5px;height:5px;border-width:0}.timeline-card:before{display:none}.timeline-card{padding:21px}.timeline-card h2{font-size:23px}.manual-code{font-size:11px;padding:16px}.manual-section h2{font-size:23px}.manual-sources ul{font-size:12px}.editorial-note{padding:16px}.manual-downloads{padding:17px}}
@media(max-width:380px){.path-grid{grid-template-columns:1fr}.path-card:last-child{grid-column:auto}.changelog-page h1{font-size:34px}.changelog-page h1:lang(zh),.changelog-page h1:lang(ja){font-size:28px}.timeline-toolbar label{flex-basis:100%;min-width:0}.timeline-card{padding:17px}.timeline-card h2{font-size:21px}}