:root{--ink:#172338;--muted:#657286;--line:#e6eaf0;--brand:#3067e8;--soft:#f5f7fb;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#f9fbff 0,#fff 520px)}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:42px;border-bottom:1px solid rgba(230,234,240,.8);background:rgba(255,255,255,.82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;letter-spacing:-.4px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--brand);box-shadow:0 7px 18px rgba(48,103,232,.25)}nav{display:flex;gap:28px;font-size:14px;color:var(--muted)}nav a{padding:26px 0 23px;border-bottom:2px solid transparent}nav a:hover,nav .active{color:var(--brand);border-bottom-color:var(--brand)}.environment{margin-left:auto;padding:8px 12px;border:1px solid #dbe4f6;border-radius:999px;color:#55709e;font-size:12px;background:#f7faff}.environment i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#24ad6b}main{max-width:1180px;margin:auto;padding:0 24px}.hero{min-height:475px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:90px}.eyebrow{color:var(--brand);font-size:12px;font-weight:800;letter-spacing:1.8px}h1{margin:17px 0 22px;font-size:clamp(43px,6vw,66px);line-height:1.08;letter-spacing:-3px}h1 strong{color:var(--brand);font-weight:800}.hero-copy p{max-width:570px;margin:0 0 30px;color:var(--muted);font-size:17px;line-height:1.8}.primary-button{display:inline-flex;align-items:center;gap:28px;padding:13px 18px 13px 22px;border-radius:11px;color:#fff;background:var(--ink);font-size:14px;font-weight:700;box-shadow:0 9px 24px rgba(23,35,56,.18)}.primary-button:hover{transform:translateY(-1px)}.hero-panel{padding:13px;border:1px solid #e1e6ef;border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 28px 70px rgba(45,67,103,.16);transform:rotate(1.5deg)}.panel-head{padding:7px 6px 16px;display:flex;gap:6px}.panel-head span{width:8px;height:8px;border-radius:50%;background:#dce2eb}.panel-body{padding:29px;border-radius:14px;background:#f7f9fd}.mini-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.mini-row em{color:var(--brand);font-size:11px;font-style:normal}.progress{height:7px;margin:24px 0 30px;overflow:hidden;border-radius:99px;background:#e5eaf2}.progress i{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3067e8,#77a0ff)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-grid span{padding:18px;border:1px solid #e6eaf0;border-radius:12px;color:var(--muted);background:#fff;font-size:12px}.mini-grid b{display:block;margin-bottom:5px;color:var(--ink);font-size:23px}.tools-section{padding:52px 0 65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:27px}h2{margin:8px 0 0;font-size:31px;letter-spacing:-1px}.section-heading p{max-width:390px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tool-card{position:relative;min-height:350px;padding:25px;border:1px solid var(--line);border-radius:17px;background:#fff;transition:.2s ease}.tool-card:hover{transform:translateY(-4px);border-color:#cdd8ef;box-shadow:0 18px 45px rgba(35,58,94,.09)}.tool-card.featured{border-color:#ccdafb}.icon{width:45px;height:45px;display:grid;place-items:center;margin-bottom:29px;border-radius:12px;font-weight:900}.excel{color:#13734b;background:#e6f6ee}.pdf{color:#d43f46;background:#fcebed}.links{color:#3166df;background:#eaf0ff;font-size:23px}.files{color:#986313;background:#fff3dd}.badge{position:absolute;top:27px;right:22px;padding:5px 8px;border-radius:6px;color:#2659cd;background:#edf3ff;font-size:10px;font-weight:750}.badge.muted{color:#788598;background:#f1f3f6}h3{margin:0 0 11px;font-size:19px}.tool-card p{min-height:66px;margin:0 0 19px;color:var(--muted);font-size:13px;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{padding:5px 8px;border-radius:6px;color:#6c788b;background:var(--soft);font-size:10px}.tool-card button{position:absolute;left:25px;right:25px;bottom:23px;padding:10px;border:1px solid var(--line);border-radius:9px;color:#9aa4b3;background:#fafbfc;cursor:not-allowed}.status-card{margin:0 0 65px;padding:22px 25px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border:1px solid var(--line);border-radius:15px;background:#fafbfd;font-size:13px}.status-card div{display:flex;align-items:center;gap:10px}.live-dot{width:9px;height:9px;border-radius:50%;background:#24ad6b;box-shadow:0 0 0 5px #e2f6ec}.status-card p,.status-card time{margin:0;color:var(--muted)}footer{max-width:1180px;margin:auto;padding:22px 24px 35px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#929cab;font-size:11px}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:20px;padding:70px 0}.hero-panel{display:none}.tool-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column;gap:12px}}@media(max-width:560px){.topbar{gap:18px}nav{display:none}.environment{font-size:0}.environment i{margin:0}h1{letter-spacing:-2px}.tool-grid{grid-template-columns:1fr}.status-card{grid-template-columns:1fr;gap:10px}.status-card time{display:none}}
/* Homepage tool cards: three-column horizontal golden ratio layout. */.tools-section{padding:42px 0 54px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{min-height:0;aspect-ratio:1.618/1;padding:18px 20px;border-radius:16px}.tool-card .icon{position:absolute;top:18px;left:20px;width:34px;height:34px;margin:0;border-radius:10px;font-size:16px}.tool-card .badge{top:21px;right:20px}.tool-card h3{min-height:34px;margin:0 72px 12px 46px;padding-top:6px;font-size:18px;line-height:1.2}.tool-card p{display:-webkit-box;min-height:0;margin:0;color:var(--muted);line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tool-card .tags{position:absolute;display:flex;left:20px;right:20px;bottom:58px;gap:6px}.tool-card .tags span{padding:4px 7px;font-size:10px}.tool-card button{left:20px;right:20px;bottom:17px;padding:8px;font-size:12px}.tool-card .card-action{left:19.1%;right:19.1%;bottom:17px;padding:8px;font-size:12px;line-height:1.2}@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-card{aspect-ratio:1.618/1}}@media(max-width:560px){.tool-grid{grid-template-columns:1fr}.tool-card{aspect-ratio:1.618/1}}
/* Prevent dynamic header controls from flashing their intermediate state. */.topbar nav{visibility:hidden}.topbar nav:has(a[href="/"]){visibility:visible}.topbar nav a[href="/navigation/"]{font-size:0}.topbar nav a[href="/navigation/"]::after{content:"网站箱";font-size:14px}.tool-card:has(.icon.links) h3{font-size:0}.tool-card:has(.icon.links) h3::after{content:"网站箱";font-size:18px}.global-dark-toggle{display:none!important}.topbar .global-dark-toggle{display:block!important;position:static!important;margin-left:12px!important;padding:5px 8px!important;border-radius:8px!important;font-size:17px!important;line-height:1!important;box-shadow:none!important}
/* The full tool card is the action. */.tool-card{cursor:pointer;padding:19px 20px}.tool-card .icon{top:19px;left:20px}.tool-card .badge{top:21px;right:20px}.tool-card h3{min-height:0;margin:0 64px 7px 44px;padding-top:4px;font-size:18px;line-height:1.35;letter-spacing:-.2px}.tool-card p{margin:22px 0 0;color:var(--muted);font-size:13.5px;line-height:1.65}.tool-card .tags{left:20px;right:20px;bottom:20px}.tool-card .tags span{padding:4px 7px;font-size:10px}.tool-card:focus-visible{outline:3px solid rgba(48,103,232,.35);outline-offset:3px}
footer{justify-content:center;gap:22px;padding:18px 24px 30px;color:#71809a;font-size:12px}footer a{color:#426aa9;font-weight:700;letter-spacing:.1px}footer a:hover{color:var(--brand);text-decoration:underline}@media(max-width:560px){footer{flex-wrap:wrap;gap:7px 14px;padding-bottom:24px}}
.tool-card-locked{filter:saturate(.62);background:rgba(245,248,253,.76)!important}.tool-card-locked:hover{transform:none!important;box-shadow:0 12px 30px rgba(50,76,120,.08)!important}.tool-lock{position:absolute;right:20px;bottom:18px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #d4dfef;border-radius:9px;background:#fff;font-size:13px}.tool-card-locked .badge{color:#748096;background:#f0f3f8}.tool-card-locked .tags{right:57px}
.tool-grid{visibility:hidden}.tool-grid[data-ready="true"]{visibility:visible}
@media(max-width:560px){.topbar{min-height:64px;height:auto;padding:0 14px;gap:12px}.topbar nav{display:flex!important;max-width:calc(100vw - 112px);gap:12px;overflow-x:auto;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{display:block!important;flex:0 0 auto;padding:22px 0 18px;font-size:12px}.topbar .environment{display:none}}
/* Homepage cards: restrained frosted glass without changing the existing layout. */
.tool-card{border-color:rgba(196,213,245,.88);background:rgba(255,255,255,.64);box-shadow:0 12px 30px rgba(50,76,120,.08),inset 0 1px rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.tool-card:hover{background:rgba(255,255,255,.78);box-shadow:0 16px 34px rgba(50,76,120,.12),inset 0 1px rgba(255,255,255,.9)}.word{color:#5d4bc9;background:#f0edff}

.excel-hub{margin:42px 0;padding:32px;border:1px solid #d9e5f5;border-radius:20px;background:linear-gradient(135deg,#f8fbff,#fff);box-shadow:0 15px 34px rgba(38,64,107,.06)}.excel-hub-head p{margin:10px 0 24px;color:#657286;font-size:14px}.excel-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.excel-feature-card{min-height:168px;padding:20px;border:1px solid #d8e4f5;border-radius:14px;color:#1d3150;background:rgba(255,255,255,.72);text-align:left;cursor:pointer;transition:.18s}.excel-feature-card:hover{border-color:#9dbcf0;background:#fff;box-shadow:0 12px 25px rgba(42,76,127,.1);transform:translateY(-2px)}.excel-feature-card b,.excel-feature-card span,.excel-feature-card i{display:block}.excel-feature-card b{font-size:17px}.excel-feature-card span{margin-top:10px;color:#697b93;font-size:12px;line-height:1.7}.excel-feature-card i{margin-top:17px;color:#2d63d7;font-size:12px;font-style:normal;font-weight:800}.excel-feature-card.exceedance{border-color:#b9ddcd;background:linear-gradient(135deg,rgba(239,252,245,.9),rgba(255,255,255,.86))}.excel-feature-card.exceedance i{color:#18784d}@media(max-width:760px){.excel-hub{margin:28px 0;padding:22px}.excel-feature-grid{grid-template-columns:1fr}.excel-feature-card{min-height:130px}}

.exceedance-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.exceedance-upload-grid .upload-box{min-height:150px}@media(max-width:620px){.exceedance-upload-grid{grid-template-columns:1fr}}

.exceedance-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.exceedance-actions .merge-button{width:100%}@media(max-width:620px){.exceedance-actions{grid-template-columns:1fr}}
.file-batchbar{display:flex;align-items:center;gap:9px;margin:-8px 0 18px;color:#6d7b90;font-size:12px}.file-batchbar button{border:1px solid #ccd9ef;border-radius:8px;padding:7px 10px;background:#fff;color:#315eac;font-weight:700;cursor:pointer}.file-batchbar #file-batch-toggle.active{background:#315eac;color:#fff}.file-batchbar #file-batch-open{border-color:#315eac;background:#315eac;color:#fff}.file-check{display:grid;place-items:center;width:18px;height:18px;border:1px solid #b8c7dd;border-radius:50%;color:#fff;font-size:11px}.file-box.selected{box-shadow:inset 0 0 0 2px #315eac}.file-box.selected .file-check{border-color:#315eac;background:#315eac}.version-copy{min-width:0}.version-tag{display:inline-block;margin-top:5px;padding:2px 6px;border-radius:5px;color:#496783;background:#eef5fb;font-size:10px}.version-remark{margin-top:5px!important;color:#617085!important;white-space:normal}.version-source{display:inline-block;margin-top:6px;color:#23734f;font-size:11px;font-weight:700;text-decoration:none}.version-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.version-download{padding:6px 8px;border:1px solid #cbd8e9;border-radius:7px;color:#315eac;background:#fff;font-size:10px;font-weight:700;text-decoration:none}.version-download.external{border-color:#b9decf;color:#18784d;background:#f6fcf8}.version-download.local{border-color:#cbd8e9}@media(max-width:700px){.file-batchbar{flex-wrap:wrap}.version-actions{justify-content:flex-start}.version-item{align-items:start}.file-check{flex:0 0 auto}}
