:root{color-scheme:light;--brand:#08aaa4;--brand-dark:#078f8a;--brand-soft:#ebfefc;--brand-hover:#f2f9f9;--bg:#f4f6f9;--card:#fff;--text:#303133;--text-2:#606266;--muted:#909399;--border:#e8ebf1;--danger:#f56c6c;--shadow:0 8px 24px #1213170f;--radius:10px;--header-h:58px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:PingFangSC,PingFang SC,Microsoft YaHei,Inter,Arial,sans-serif}body{min-height:100vh}button,input{font:inherit}input{-webkit-appearance:none;appearance:none;color:var(--text);caret-color:var(--brand);color-scheme:light;background:#fff}input::placeholder{color:#9aa0a8;opacity:1}a{color:inherit;text-decoration:none}button{cursor:pointer}.header{height:var(--header-h);border-bottom:1px solid var(--border);z-index:50;background:#fff;justify-content:space-between;align-items:center;padding:0 22px;display:flex;position:sticky;top:0}.brand{cursor:pointer;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.brand-mark{flex:0 0 128px;align-items:center;width:128px;height:34px;display:flex;overflow:hidden}.brand-logo{object-fit:contain;width:124px;height:auto;max-height:32px;display:block}.brand-fallback{display:none}.header-right{align-items:center;gap:8px;display:flex}.nav-btn,.lang-btn{color:var(--text-2);background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:14px}.nav-btn:hover,.lang-btn:hover{background:var(--brand-hover);color:var(--brand)}.lang-btn.active{color:var(--brand);font-weight:600}.header-search{width:min(360px,34vw);position:relative}.header-search input{border:1px solid var(--border);width:100%;height:34px;color:var(--text);background:#fbfcfc;border-radius:6px;outline:none;padding:0 34px 0 12px}.header-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #08aaa414}.header-search .search-mini{color:var(--muted);position:absolute;top:7px;right:10px}.dropdown{border:1px solid var(--border);width:290px;box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:6px;display:none;position:absolute;top:50px;right:146px}.dropdown.open{display:block}.dropdown button{text-align:left;width:100%;color:var(--text-2);background:#fff;border:0;border-radius:6px;padding:10px 12px;font-size:14px}.dropdown button:hover{background:var(--brand-hover);color:var(--brand)}.main{max-width:1180px;margin:0 auto;padding:30px 24px 54px}.hero{text-align:center;background:linear-gradient(135deg,#f5ffff 0%,#fff 70%);border:1px solid #dff5f3;border-radius:14px;padding:50px 34px;box-shadow:0 5px 20px #08aaa40d}.hero h1{letter-spacing:-.02em;margin:0 0 12px;font-size:34px;line-height:1.25}.hero p{color:var(--text-2);margin:0 0 24px;font-size:15px}.big-search{border:1px solid var(--border);background:#fff;border-radius:9px;max-width:720px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 8px 26px #12131714}.big-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px #08aaa414,0 8px 26px #12131714}.big-search input{color-scheme:light;border:0;outline:0;flex:1;min-width:0;height:54px;padding:0 18px;font-size:15px;color:var(--text)!important;background:#fff!important}.big-search button{background:var(--brand);color:#fff;border:0;width:58px;font-size:19px}.big-search button:hover{background:var(--brand-dark)}.section{margin-top:28px}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.section-head h2{margin:0;font-size:20px}.section-head p{color:var(--muted);margin:0;font-size:13px}.journey{border:1px solid var(--border);border-radius:var(--radius);background:#fff;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex;box-shadow:0 3px 12px #12131709}.journey-copy h3{margin:0 0 6px;font-size:17px}.journey-copy p{color:var(--text-2);margin:0;font-size:14px}.journey-steps{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;margin-top:13px;font-size:12px;display:flex}.step-chip{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;padding:5px 8px}.arrow{color:#b8b8c0}.primary-btn{background:var(--brand);color:#fff;white-space:nowrap;border:0;border-radius:6px;padding:10px 14px;font-weight:600}.primary-btn:hover{background:var(--brand-dark)}.cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#fff;min-height:126px;padding:18px;transition:all .18s;box-shadow:0 2px 8px #12131706}.card:hover{border-color:#cfece9;transform:translateY(-2px);box-shadow:0 8px 20px #1213170f}.card-icon{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:8px;place-items:center;margin-bottom:12px;font-size:16px;display:grid}.card h3{margin:0 0 7px;font-size:15px}.card p{color:var(--text-2);margin:0;font-size:13px;line-height:1.55}.popular{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden}.popular-row{border-top:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.popular-row:first-child{border-top:0}.popular-row:hover{background:var(--brand-hover)}.popular-row .meta{color:var(--muted);font-size:12px}.support{border-top:1px solid var(--border);color:var(--text-2);justify-content:space-between;align-items:center;margin-top:28px;padding:24px 6px 0;font-size:14px;display:flex}.secondary-btn{border:1px solid var(--border);color:var(--text-2);background:#fff;border-radius:6px;padding:9px 12px}.secondary-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-hover)}.page-nav{align-items:center;gap:12px;min-height:30px;margin:2px 0 18px;display:flex}.back-btn{border:1px solid var(--border);color:var(--text-2);white-space:nowrap;background:#fff;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600}.back-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-hover)}.breadcrumb{color:var(--muted);margin:0;font-size:13px}.breadcrumb span{cursor:pointer;color:var(--brand-dark);font-weight:500}.breadcrumb span:hover{color:var(--brand);text-decoration:underline}.page-title{letter-spacing:-.02em;margin:0 0 8px;font-size:30px}.page-sub{color:var(--text-2);margin:0 0 22px;line-height:1.6}.list-panel{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden}.article-row{border-top:1px solid var(--border);cursor:pointer;padding:17px 18px}.article-row:first-child{border-top:0}.article-row:hover{background:var(--brand-hover)}.article-row h3{margin:0 0 6px;font-size:15px;font-weight:600}.article-row p{color:var(--text-2);margin:0 0 8px;font-size:13px;line-height:1.5}.article-row .tags{color:var(--muted);font-size:12px}.search-summary{color:var(--text-2);margin-bottom:14px;font-size:14px}.article-shell{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:34px;display:grid}.article-main{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:28px 32px}.article-main h1{margin:0 0 8px;font-size:30px;line-height:1.25}.article-summary{color:var(--text-2);margin:0 0 16px;font-size:15px;line-height:1.65}.meta-line{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-bottom:22px;display:flex}.pill{color:var(--text-2);background:#f7f8fa;border-radius:999px;padding:5px 8px;font-size:12px}.article-content{color:#3d4248;font-size:14px;line-height:1.8}.article-content h2{color:var(--text);margin:28px 0 10px;scroll-margin-top:80px;font-size:20px}.article-content p{margin:0 0 12px}.info-box{background:var(--brand-soft);border-left:3px solid var(--brand);color:#40615f;border-radius:4px;margin:14px 0;padding:12px 14px}.toc{border:1px solid var(--border);background:#fff;border-radius:8px;padding:14px;position:sticky;top:82px}.toc h4{color:var(--text);margin:0 0 10px;font-size:13px}.toc button{text-align:left;width:100%;color:var(--text-2);background:0 0;border:0;padding:6px 0;font-size:12px;display:block}.toc button:hover{color:var(--brand)}.related{border-top:1px solid var(--border);margin-top:28px;padding-top:22px}.related h3{margin:0 0 10px;font-size:16px}.related a{color:var(--brand-dark);cursor:pointer;padding:5px 0;font-size:14px;display:block}.feedback{border-top:1px solid var(--border);align-items:center;gap:9px;margin-top:22px;padding-top:18px;display:flex}.feedback span{color:var(--text-2);font-size:13px}.feedback button{border:1px solid var(--border);color:var(--text-2);background:#fff;border-radius:6px;padding:7px 10px}.feedback button:hover,.feedback button.selected{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.getting-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.journey-item{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#fff;padding:18px}.journey-item:hover{border-color:#cfece9;box-shadow:0 6px 16px #1213170d}.journey-num{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;margin-bottom:10px;font-size:12px;font-weight:700;display:grid}.journey-item h3{margin:0 0 6px;font-size:15px}.journey-item p{color:var(--text-2);margin:0;font-size:13px}.mobile-menu{display:none}@media (width<=920px){.header-search{display:none}.cards{grid-template-columns:repeat(2,1fr)}.article-shell{grid-template-columns:1fr}.toc{order:-1;position:static}}@media (width<=640px){.header{padding:0 14px}.brand span:last-child,.nav-btn{display:none}.mobile-menu{color:var(--text-2);background:0 0;border:0;padding:6px;font-size:19px;display:inline-block}.dropdown{width:calc(100vw - 24px);top:50px;right:12px}.main{padding:18px 14px 38px}.hero{padding:34px 18px}.hero h1{font-size:28px}.journey{flex-direction:column;align-items:flex-start}.cards,.getting-grid{grid-template-columns:1fr}.article-main{padding:22px 18px}.article-main h1{font-size:26px}.support{flex-direction:column;align-items:flex-start;gap:12px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border:2px solid var(--brand-dark);background:#fff;border-radius:6px;padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:8px}:focus-visible{outline-offset:3px;outline:3px solid #057b77}.header-right{min-width:0}.brand{flex-shrink:0}.header-search button{background:0 0;border:0;padding:0;font-size:18px;line-height:1}.header-search .search-mini{top:8px}.topics-menu>summary{cursor:pointer;list-style:none}.topics-menu>summary::-webkit-details-marker{display:none}.topics-menu[open] .dropdown{display:block}.dropdown{max-height:calc(100vh - 70px);overflow:auto}.dropdown a{width:100%;color:var(--text-2);border-radius:6px;padding:10px 12px;font-size:14px;display:block}.dropdown a:hover{background:var(--brand-hover);color:#057b77}.journey-copy h2{margin:0 0 6px;font-size:17px}.card,.article-row,.journey-item{display:block}.getting-grid{margin:0;padding:0;list-style:none}.getting-grid>li{min-width:0}.journey-item{height:100%}.journey-item h2{margin:0 0 6px;font-size:15px}.article-row h2{margin:0 0 6px;font-size:15px;font-weight:600}[data-search-results] .article-row p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.popular-row{gap:18px}.popular-row .meta{flex-shrink:0}.page-nav{align-items:flex-start}.breadcrumb{overflow-wrap:anywhere;min-width:0;line-height:1.8}.breadcrumb a{color:#057b77;font-weight:500}.breadcrumb>span{cursor:default;color:var(--text-2);font-weight:400}.breadcrumb a:hover{text-decoration:underline}.mobile-search{margin-bottom:20px;display:none}.page-search{margin:0 0 22px}.page-search .big-search,.mobile-search .big-search{max-width:720px;margin:0}.article-main{overflow-wrap:anywhere;min-width:0}.article-content{font-size:16px}.article-content h3{margin:22px 0 10px;scroll-margin-top:80px;font-size:17px}.article-content h4{scroll-margin-top:80px;font-size:16px}.article-content ul,.article-content ol{margin:10px 0 18px;padding-left:24px}.article-content li,.article-content li>p{margin:6px 0}.article-content blockquote{background:var(--brand-soft);border-left:3px solid var(--brand);color:#40615f;border-radius:4px;margin:14px 0;padding:12px 14px}.article-content blockquote p:last-child{margin:0}.article-content code{overflow-wrap:anywhere;background:#f3f5f7;border-radius:4px;padding:2px 4px;font-family:inherit}.article-content a{color:#057b77;text-underline-offset:3px;text-decoration:underline}.article-content table{border-collapse:collapse;table-layout:fixed;width:100%;margin:18px 0;font-size:14px}.article-content th,.article-content td{border:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere;padding:8px}.article-content th{text-align:left;background:#f7f8fa}.article-content img{max-width:100%;height:auto}.toc h2{margin:0 0 10px;font-size:13px}.toc a,.mobile-toc a{color:var(--text-2);overflow-wrap:anywhere;padding:6px 0;font-size:12px;line-height:1.5;display:block}.toc a:hover,.mobile-toc a:hover{color:#057b77}.mobile-toc{display:none}.related h2{margin:0 0 10px;font-size:16px}.related a{color:#057b77}.feedback{flex-wrap:wrap}.feedback-status{width:100%;font-size:13px}.primary-btn{background:#057b77}.lang-btn.active{color:#057b77}.meta,.tags{color:#70747b!important}.section-head p,.breadcrumb{color:#70747b}.lang-btn,.nav-btn{white-space:nowrap}@media (width<=920px){.article-shell{gap:0}.toc{display:none}.mobile-toc{border:1px solid var(--border);background:#fbfcfc;border-radius:6px;margin:18px 0;padding:10px 14px;display:block}.mobile-toc summary{cursor:pointer;font-size:14px;font-weight:600}.mobile-toc nav{margin-top:10px}.mobile-toc a{font-size:14px}.mobile-search{display:block}}@media (width<=640px){.topics-menu>.nav-btn{padding:6px;display:block}.topics-menu{order:4}.desktop-browse{display:none}.mobile-menu{padding:0}.header-right{gap:2px}.lang-btn{padding:8px}.popular-row{flex-direction:column;align-items:flex-start;gap:6px}.page-title{overflow-wrap:anywhere;font-size:26px}.section-head{gap:10px}.section-head p{text-align:right;max-width:35%}}@media (width<=360px){.header{padding:0 10px}.brand-mark{flex-basis:112px;width:112px}.brand-logo{width:110px}.lang-btn{padding:8px 5px;font-size:13px}}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}