:root{--ink:#1f2937;--muted:#718096;--line:#e3e8ee;--bg:#f7f9fb;--panel:#fff;--green:#1c7053;--green-soft:#e7f3ed;--blue:#3f7ee8;--orange:#d99132}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;background:#fff;border-right:1px solid var(--line);padding:24px 14px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;padding:0 12px 27px}.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800}.workspace{margin:0 4px 25px;padding:10px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;font-size:13px}.site-dot,.status-dot{width:8px;height:8px;background:#2bb982;border-radius:50%;display:inline-block}.workspace .icon-btn{margin-left:auto;color:#98a1af}.nav-list{display:grid;gap:5px}.nav-item{text-decoration:none;color:#647184;padding:11px 12px;border-radius:8px;display:flex;gap:12px;align-items:center}.nav-item span{width:18px;text-align:center;color:#95a0af}.nav-item.active,.nav-item:hover{color:var(--blue);background:#edf4ff;font-weight:600}.nav-divider{height:1px;background:var(--line);margin:20px 8px}.secondary{margin-top:auto}.sidebar-footer{border-top:1px solid var(--line);margin-top:25px;padding:18px 8px 0;display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;background:#e5edff;color:#4b6fc5;border-radius:50%;display:grid;place-items:center;font-weight:700}.sidebar-footer small{display:block;color:#9ba5b3;font-size:11px}.main{flex:1;max-width:1400px;margin:auto;padding:28px 42px 20px}.topbar,.panel-heading,.toolbar,.download,.footer{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:12px;color:var(--muted);margin:0 0 4px}.topbar h1{margin:0;font-size:26px;letter-spacing:-.3px}.top-actions{display:flex;gap:10px}.outline-btn,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;padding:9px 14px;border-radius:7px;color:#526072;font-size:13px}.primary-btn{background:var(--green);color:#fff;border-color:var(--green);font-weight:700}.mobile-menu{display:none;font-size:20px}.toolbar{margin:30px 0 16px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:9px}.toolbar-title{display:flex;align-items:center;gap:10px}.toolbar-title strong,.toolbar-title small{display:block}.toolbar-title small{color:var(--muted);font-size:11px;margin-top:2px}.workspace-grid,.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.dashboard-grid{grid-template-columns:1.8fr 1fr;margin-top:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:21px}.panel-heading h2{font-size:16px;margin:0 0 3px}.panel-heading p{margin:0;color:var(--muted);font-size:12px}.panel-icon{width:32px;height:32px;border-radius:8px;background:#e8f3ed;color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:800}.muted-icon{background:#edf3ff;color:var(--blue);font-size:18px}.warm-icon{background:#fff3e5;color:var(--orange);font-size:16px}.drop-zone{margin-top:20px;border:1px dashed #b8d0c3;background:#fbfefb;border-radius:7px;padding:25px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.drop-icon{width:38px;height:38px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:24px;margin-bottom:10px}.drop-zone strong{font-size:13px}.drop-zone span{font-size:11px;color:#9ba8a2;margin:5px 0 14px}.drop-zone .outline-btn{padding:7px 12px}.empty-note{color:#9aa6b2;border-top:1px solid #f0f2f5;margin-top:16px;padding-top:13px;font-size:11px}.intro-list{margin-top:17px}.intro-list>div{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #f0f2f5}.intro-list>div:last-child{border:0}.intro-list b{color:var(--green);font-size:11px}.intro-list strong,.intro-list span{display:block}.intro-list strong{font-size:13px}.intro-list span{font-size:11px;color:var(--muted);margin-top:3px}.content-panel{min-height:302px}.text-btn{font-size:12px;color:var(--blue)}.empty-tree{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:215px;color:#9aa6b2}.empty-folder{font-size:28px;color:#b4c5bd}.empty-tree strong{font-size:13px;color:#77877f;margin-top:8px}.empty-tree small{font-size:11px;margin-top:3px}.side-stack{display:grid;gap:16px}.hash-preview{background:#f7faf8;border-radius:7px;padding:15px;margin-top:17px}.hash-preview span,.hash-preview code{display:block;font-size:11px;color:#8c9a94}.hash-preview strong{display:block;font-size:13px;margin:8px 0}.drive-empty{display:flex;justify-content:space-between;align-items:center;margin-top:19px;color:#9aa6b2;font-size:11px}.drive-empty .outline-btn{padding:7px 10px}.feature-section{padding:96px 0 102px;max-width:1000px;margin:auto}.section-heading{max-width:530px;margin-bottom:35px}.section-heading h2,.share-section h2,.download h2{font-size:41px;line-height:1.1;letter-spacing:-.05em;margin:0 0 13px}.section-heading h2 em{font-style:normal;color:var(--green)}.section-heading>p:last-child,.share-section p:not(.eyebrow),.download p:not(.eyebrow){color:var(--muted);margin:0}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-cards article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:21px}.feature-icon{width:32px;height:32px;border-radius:8px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.feature-cards h3{font-size:15px;margin:18px 0 7px}.feature-cards p{color:var(--muted);font-size:12px;margin:0;line-height:1.7}.share-section{background:#e8f3ed;display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:75px max(42px,calc((100vw - 1000px)/2));align-items:center}.share-section h2{font-size:39px}.share-card{background:#fff;border:1px solid #d7e6dc;border-radius:9px;padding:6px 20px}.share-row{display:grid;grid-template-columns:55px 1fr;gap:2px 12px;padding:16px 0;border-bottom:1px solid #edf2ef}.share-row:last-child{border:0}.share-row>span{grid-row:span 2;color:var(--green);font-weight:800;font-size:11px}.share-row strong{font-size:12px}.share-row small{color:#9aa9a1;font-size:10px}.faq-section{max-width:1000px;margin:auto;padding:96px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq-list details{border-top:1px solid var(--line);padding:17px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;font-weight:700;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{color:var(--green);font-size:19px;font-weight:400}.faq-list p{color:var(--muted);font-size:12px;margin:12px 20px 0 0}.download{background:var(--green);color:#e5f5e4;padding:72px max(42px,calc((100vw - 1000px)/2));align-items:end}.download .eyebrow{color:#b8dfb5}.download h2{color:#fff;font-size:48px}.download small{display:block;color:#c2ded1;text-align:center;font-size:11px;margin-top:10px}.large-btn{font-size:15px;padding:14px 22px;background:#c9efc3;color:#124b3b}.footer{max-width:1000px;margin:auto;padding:23px 0;color:#98a49f;font-size:11px}.footer span:last-child{margin-left:auto}@media(max-width:900px){.sidebar{width:205px}.main{padding:25px}.feature-section,.faq-section{margin-left:25px;margin-right:25px}.share-section{padding-left:25px;padding-right:25px;gap:35px}}@media(max-width:650px){body{overflow-x:hidden}.sidebar{position:fixed;z-index:4;transform:translateX(-100%);height:100%;transition:.2s}.sidebar.open{transform:none}.main{padding:20px 15px}.topbar h1{font-size:22px}.top-actions>a{display:none}.mobile-menu{display:block}.toolbar{align-items:stretch;gap:13px;flex-direction:column}.toolbar .primary-btn{width:100%}.workspace-grid,.dashboard-grid{grid-template-columns:1fr}.dashboard-grid{margin-top:10px}.panel{padding:16px}.feature-section,.faq-section{padding:70px 0;margin:0 15px;display:block}.section-heading h2,.share-section h2{font-size:35px}.feature-cards{grid-template-columns:1fr}.share-section{display:block;padding:58px 15px}.share-card{margin-top:30px}.faq-section .section-heading{margin-bottom:32px}.download{display:block;padding:58px 15px}.download h2{font-size:41px}.download>div+div{margin-top:28px}.download small{text-align:left;margin-left:2px}.footer{margin:0 15px;display:block}.footer span{display:block}.footer span:last-child{margin-top:8px}}
/* Download panel */
.download{gap:90px;align-items:center}.download-copy{flex:1}.download-copy h2{margin-bottom:17px}.download-copy h2 em{font-style:normal;color:#c9efc3}.download-copy p:not(.eyebrow){max-width:430px}.download-card{width:390px;background:#fff;border-radius:10px;padding:23px 25px;color:var(--ink);box-shadow:0 14px 34px #093b3226}.download-card-head{display:flex;align-items:center;gap:11px;padding-bottom:18px;border-bottom:1px solid #e6eee9}.version-mark{width:35px;height:35px;border-radius:9px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800}.download-card-head strong,.download-card-head small{display:block}.download-card-head strong{font-size:14px}.download-card-head small{color:var(--muted);font-size:11px;margin-top:2px}.version-number{margin-left:auto;color:var(--green);font-size:11px;font-weight:700}.download-specs{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px 0;color:var(--muted);font-size:11px}.download-specs b{display:block;color:var(--ink);font-size:10px;margin-bottom:4px}.download-card .large-btn{width:100%}.download-card>small{display:block;text-align:center;color:#95a49d;font-size:10px;margin-top:10px}
.download-card{max-width:100%}@media(max-width:650px){.download{display:block}.download-card{width:100%;margin-top:28px}.download>div+div{margin-top:0}}
.download-bar{max-width:1000px;margin:0 auto;padding:24px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#718096;font-size:13px}.download-bar .primary-btn{padding:10px 16px}@media(max-width:900px){.download-bar{margin-left:25px;margin-right:25px}}@media(max-width:650px){.download-bar{margin:0 15px;padding:20px 0}.download-bar .primary-btn{padding:9px 12px}}
.audience-section{max-width:1000px;margin:0 auto;padding:0 0 105px}.audience-section .section-heading{margin-bottom:34px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.audience-grid article{padding:26px 22px 27px 0;border-right:1px solid var(--line)}.audience-grid article+article{padding-left:22px}.audience-grid article:last-child{border-right:0}.audience-index{color:var(--green);font-size:11px;font-weight:800}.audience-grid h3{font-size:18px;margin:19px 0 9px}.audience-grid p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 22px;min-height:62px}.audience-grid a{font-size:12px;color:var(--green);font-weight:700}.download{gap:90px;align-items:center}.download-copy{flex:1}.download-copy h2{margin-bottom:17px}.download-copy h2 em{font-style:normal;color:#c9efc3}.download-copy p:not(.eyebrow){max-width:470px}.download-points{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:25px;color:#d0eadd;font-size:11px}.download-action{width:320px;display:flex;flex-direction:column;align-items:flex-start}.download-action .large-btn{min-width:190px}.download-action>span{color:#b9d8ca;font-size:11px;margin-top:12px}.download-secondary{color:#e3f4dc;font-size:12px;margin-top:21px;border-bottom:1px solid #8eb8a5;padding-bottom:3px}.download-card,.download-card-head,.download-specs{display:none}@media(max-width:900px){.audience-section{margin-left:25px;margin-right:25px}.download{gap:45px}}@media(max-width:650px){.audience-section{margin-left:15px;margin-right:15px;padding-bottom:75px}.audience-grid{display:block}.audience-grid article,.audience-grid article+article{padding:21px 0;border-right:0;border-bottom:1px solid var(--line)}.audience-grid article:last-child{border-bottom:0}.audience-grid p{min-height:0;margin-bottom:14px}.download{display:block}.download-action{width:auto;margin-top:31px}.download-points{display:grid;gap:8px}.download-card{display:none}}
