:root{color:#172033;background:#fff;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#172033}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-frame{min-height:100vh;background:#fff}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-masthead{min-height:155px;padding:24px 20px 30px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.site-masthead h1{margin:0;color:#243746;font-size:clamp(38px,6vw,58px);letter-spacing:.04em}.site-masthead p{margin:20px 0 0;color:#657985;font-size:14px}.directory-shell{overflow:hidden;border:1px solid #dfe4eb;border-radius:14px 14px 0 0;background:#fff;box-shadow:0 8px 24px #2333490f}.primary-category-tabs{padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;border-bottom:1px solid #dbe3ea;background:#fff}.primary-category-tabs button{min-height:54px;padding:8px 12px;border:1px solid #c6d3da;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fbfbfb;color:#405866;cursor:pointer;font-weight:700;transition:.15s}.primary-category-tabs button:hover,.primary-category-tabs button.active{border-color:#7da5b1;background:#fff;color:#21606c;box-shadow:0 3px 9px #2c4c591f}.category-icon,.category-icon svg{width:20px;height:20px}.category-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.directory-body{min-height:620px;display:grid;grid-template-columns:205px minmax(0,1fr)}.directory-sidebar{padding:12px 0 18px;border-right:1px solid #e3e7ed;display:flex;flex-direction:column;background:#fff}.directory-sidebar>button,.directory-tutorial-link{width:100%;min-height:42px;padding:9px 16px;border:0;border-left:3px solid transparent;display:flex;align-items:center;background:transparent;color:#475569;cursor:pointer;text-align:left;transition:.14s}.directory-sidebar>button:hover,.directory-sidebar>button.active{background:#edf4fb;color:#1264c8}.directory-sidebar>button.active{border-left-color:#1677ff;font-weight:700}.directory-tutorial-link{margin-top:auto;border-top:1px solid #e3e7ed;border-left:0;color:#1769d2;font-size:13px;font-weight:700}.directory-content{min-width:0;padding:10px 14px 24px}.resource-search{height:40px;margin-bottom:12px;border:1px solid #d9dfe7;border-radius:6px;display:flex;overflow:hidden;background:#fff}.resource-search:focus-within{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.resource-search input{min-width:0;padding:0 12px;border:0;outline:0;flex:1;color:#172033;line-height:38px}.resource-search button{min-width:92px;border:0;background:#1677ff;color:#fff;cursor:pointer;font-weight:700}.search-caption{padding:3px 2px 10px;color:#687589;font-size:13px}.software-group-list{display:grid;gap:8px}.software-group{overflow:hidden;border:1px solid #d7dde5;border-radius:5px;background:#fff;box-shadow:0 2px 5px #19283c14}.software-group-header{width:100%;min-height:62px;padding:8px 14px;border:0;border-left:3px solid transparent;display:grid;grid-template-columns:40px minmax(0,1fr) auto 18px;align-items:center;gap:11px;background:#f5f6f8;color:#102a50;cursor:pointer;text-align:left}.software-group-header:hover,.software-group.is-expanded .software-group-header{border-left-color:#4d8791;background:#e8f0f2}.software-group-header strong{color:#285d68;font-size:14px}.software-group-header small{color:#8390a2;font-size:11px}.software-icon{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;overflow:hidden;background:#1769d2;color:#fff;font-weight:800}.software-icon img{width:100%;height:100%;object-fit:cover}.software-chevron{color:#6e7988;font-size:18px;transition:transform .18s}.software-group.is-expanded .software-chevron{transform:rotate(180deg)}.software-version-panel{max-height:0;overflow:hidden;background:#fff;transition:max-height .22s}.software-group.is-expanded .software-version-panel{max-height:5000px}.software-version-grid{padding:10px;border-top:1px solid #d9e1e9;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.software-version-row{min-height:48px;padding:7px 10px;border:1px solid #cdd6df;border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f3f6f7}.software-version-row:nth-child(4n){background:#eef3f4}.software-version-row>strong{font-size:13px}.software-version-row>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mini-button{min-height:27px;padding:4px 10px;border:0;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:11px;font-weight:700}.download-button{background:#2588bd}.tutorial-button{background:#d85600}.empty-state{padding:45px 18px;color:#7a8594;text-align:center}.empty-state a{color:#1677ff}.modal-mask{position:fixed;z-index:1000;inset:0;padding:18px;display:grid;place-items:center;background:#17203366}.channel-modal{width:min(480px,100%);max-height:80vh;padding:18px;border-radius:10px;overflow:auto;background:#fff;box-shadow:0 20px 50px #0003}.channel-modal header{display:flex;align-items:center;justify-content:space-between;gap:15px}.channel-modal header strong{font-size:17px}.channel-modal header button{width:32px;height:32px;border:0;border-radius:6px;background:#f1f3f5;color:#667085;cursor:pointer;font-size:22px}.channel-modal>p{margin:8px 0 15px;color:#778395;font-size:12px}.channel-modal>div{display:grid;gap:8px}.channel-modal>div>a{min-height:48px;padding:10px 12px;border:1px solid #dce3eb;border-radius:6px;display:flex;align-items:center;gap:8px;background:#fff}.channel-modal>div>a:hover{border-color:#1677ff;background:#f5f9ff}.channel-modal a span{font-weight:700}.channel-modal a small{color:#8b95a4}.channel-modal a b{margin-left:auto;color:#1677ff;font-size:12px}.tutorial-shell,.detail-shell{min-height:600px;border:1px solid #dfe4eb;border-radius:12px;background:#fff;box-shadow:0 8px 24px #2333490f}.breadcrumb{min-height:48px;padding:0 18px;border-bottom:1px solid #e3e8ee;display:flex;align-items:center;gap:8px;color:#7a8696;font-size:13px}.breadcrumb a{color:#1677ff}.tutorial-switch{padding:14px 18px;display:flex;gap:8px}.tutorial-switch a{padding:8px 16px;border:1px solid #cbd5df;border-radius:6px;color:#526274;font-weight:700}.tutorial-switch a.active{border-color:#1677ff;background:#1677ff;color:#fff}.tutorial-layout{padding:0 18px 24px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.tutorial-tabs{display:flex;flex-direction:column;border:1px solid #e0e5eb;border-radius:7px;overflow:hidden;align-self:start}.tutorial-tabs a,.empty-tab{min-height:44px;padding:11px 13px;border-bottom:1px solid #e9edf1;color:#425466;font-size:13px}.tutorial-tabs a:last-child{border-bottom:0}.tutorial-tabs a:hover,.tutorial-tabs a.active{background:#eaf3ff;color:#1264c8}.tutorial-tabs small{float:right}.tutorial-content{min-width:0;padding:8px 18px 26px}.tutorial-content.standalone{padding:25px 30px}.tutorial-content h2{margin:4px 0 15px;color:#273849;font-size:25px}.tutorial-summary{padding:12px;border-left:3px solid #1677ff;background:#f5f9ff;color:#687589}.rich-text{color:#344054;line-height:1.8;overflow-wrap:anywhere}.rich-text img{max-width:100%;height:auto;border-radius:6px}.rich-text pre{max-width:100%;padding:14px;overflow:auto;border-radius:6px;background:#f5f6f8}.rich-text table{max-width:100%;border-collapse:collapse}.rich-text td,.rich-text th{padding:7px;border:1px solid #dfe4ea}.product-local-card{margin:25px;padding:20px;border:1px solid #dfe4ea;border-radius:8px;display:flex;align-items:center;gap:15px}.product-local-card .large{width:56px;height:56px}.product-local-card>div:nth-child(2){min-width:0;flex:1}.product-local-card h2,.product-local-card p{margin:0}.product-local-card p{margin-top:5px;color:#7a8696}.product-local-card>div:last-child{display:flex;gap:8px}.site-footer{margin-top:34px;border-top:1px solid #e3e7ec;background:#fff}.footer-inner{width:min(1180px,calc(100% - 48px));min-height:180px;margin:auto;padding:32px 0;display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:60px}.footer-inner section>strong{font-size:20px}.footer-inner section>p{color:#687589;font-size:13px}.footer-socials{margin-top:18px;display:flex;gap:10px}.footer-socials button,.floating-tools button{border:0;border-radius:50%;display:grid;place-items:center;background:#eef2f4;color:#506371;cursor:pointer}.footer-socials button{width:38px;height:38px}.footer-socials svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.footer-notice{text-align:right}.footer-notice p{line-height:1.8}.footer-notice small{color:#7c8795}.floating-tools{position:fixed;z-index:80;right:22px;bottom:24px;display:flex;flex-direction:column;gap:8px}.floating-tools button{width:48px;height:48px;background:#337e8c;color:#fff;font-size:14px;font-weight:700;box-shadow:0 4px 12px #1e4e572b}.qr-mask{position:fixed;z-index:900;inset:0;border:0;display:grid;place-items:center;background:#17203355;cursor:pointer}.qr-card{padding:13px;border-radius:10px;display:grid;gap:8px;background:#fff;color:#344054}.qr-card img{width:190px;height:190px;object-fit:contain}.load-failure{min-height:100vh;display:grid;place-content:center;text-align:center}.load-failure button{padding:9px 18px;border:0;border-radius:6px;background:#1677ff;color:#fff;cursor:pointer}@media (max-width:760px){.page-shell{width:calc(100% - 14px)}.site-masthead{min-height:125px;padding:18px 12px}.site-masthead h1{font-size:34px}.site-masthead p{margin-top:12px;font-size:12px}.primary-category-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px}.primary-category-tabs button{min-height:48px;padding:5px 4px;font-size:12px}.directory-body{min-height:520px;display:block}.directory-sidebar{padding:5px;border-right:0;border-bottom:1px solid #e3e7ed;display:flex;flex-direction:row;overflow:auto}.directory-sidebar>button,.directory-tutorial-link{width:auto;min-width:max-content;min-height:38px;padding:7px 11px;border-left:0;border-bottom:2px solid transparent}.directory-sidebar>button.active{border-bottom-color:#1677ff}.directory-tutorial-link{margin:0;border-top:0}.directory-content{padding:8px}.resource-search button{min-width:66px}.software-version-grid{grid-template-columns:1fr}.software-version-row{align-items:flex-start;flex-direction:column}.software-version-row>div{width:100%;justify-content:flex-start}.software-group-header{grid-template-columns:40px minmax(0,1fr) 17px}.software-group-header small{display:none}.tutorial-layout{padding:0 10px 18px;grid-template-columns:1fr}.tutorial-tabs{flex-direction:row;overflow:auto}.tutorial-tabs a{min-width:max-content;border-right:1px solid #e9edf1;border-bottom:0}.tutorial-content,.tutorial-content.standalone{padding:10px 14px 22px}.product-local-card{margin:14px;align-items:flex-start;flex-wrap:wrap}.product-local-card>div:last-child{width:100%}.footer-inner{width:calc(100% - 32px);padding:28px 0;grid-template-columns:1fr;gap:25px}.footer-notice{text-align:left}.floating-tools{right:12px;bottom:14px}.floating-tools button{width:42px;height:42px}}