:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#17212b;background:#f3f6f8;font-size:16px;--ink:#102a43;--teal:#0f766e;--line:#dce5eb;--muted:#667a89}*{box-sizing:border-box}body{margin:0;min-height:100svh}header{height:64px;padding:0 max(20px,calc((100% - 1120px)/2));display:flex;align-items:center;gap:18px;background:var(--ink);color:#fff}header a{color:#fff;text-decoration:none;font-weight:800}header strong{flex:1}#status{font-size:.84rem;color:#c9e8df}main{max-width:1120px;margin:auto;padding:28px 20px 60px}.hero,.list-section,.legend{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 30px rgba(16,42,67,.06)}.hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px;background:linear-gradient(135deg,#102a43,#1e5d68);color:#fff}.eyebrow{margin:0 0 6px;font-size:.76rem;letter-spacing:.14em;font-weight:800;color:#0f766e}.hero .eyebrow{color:#8edbcf}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(1.65rem,4vw,2.35rem)}h2{margin-bottom:0;font-size:1.25rem}.hero p:last-child{max-width:720px;margin-bottom:0;color:#d7e9ed;line-height:1.65}.hero-side{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 7px;min-width:132px}.hero-side strong{font-size:2.1rem;color:#8edbcf}.hero-side span{font-size:.9rem;color:#d7e9ed}.hero-side button{grid-column:1/-1;margin-top:12px;min-height:40px;padding:0 13px;border:0;border-radius:11px;background:#dff5ef;color:#075c58;font:800 .9rem inherit;cursor:pointer}.hero-side button:disabled{opacity:.7;cursor:wait}.legend{display:flex;flex-wrap:wrap;gap:13px 22px;padding:13px 18px;margin:20px 0;color:#526675;font-size:.86rem}.legend span{display:inline-flex;align-items:center;gap:7px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#6c8a90;box-shadow:0 0 0 3px #edf3f4}.dot.urgent,.tone-urgent .dot{background:#e24646;box-shadow:0 0 0 3px #fde5e5}.dot.overdue,.tone-overdue .dot{background:#d65c31;box-shadow:0 0 0 3px #fdece4}.dot.timed,.tone-timed .dot{background:#c58a12;box-shadow:0 0 0 3px #fff3d7}.dot.normal,.tone-normal .dot{background:#0f766e;box-shadow:0 0 0 3px #ddf3ed}.list-section{padding:24px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title #sync-time{color:#748797;font-size:.82rem}.work-order-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}.work-order-card{min-width:0;padding:18px;border:1px solid #dfe8eb;border-radius:15px;background:#fff;box-shadow:0 3px 10px rgba(16,42,67,.035)}.tone-urgent{border-top:3px solid #e24646}.tone-overdue{border-top:3px solid #d65c31}.tone-timed{border-top:3px solid #c58a12}.tone-normal{border-top:3px solid #0f766e}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.title-wrap{display:flex;align-items:flex-start;gap:10px;min-width:0}.title-wrap .dot{margin-top:7px;flex:none}.ticket-id{margin:0 0 3px;color:#788d9b;font-size:.74rem;font-weight:800;letter-spacing:.04em}.card-heading h3{margin:0;color:#1c3243;font-size:1.03rem;line-height:1.45;overflow-wrap:anywhere}.priority{flex:none;padding:4px 7px;border-radius:999px;background:#eef4f5;color:#47606c;font-size:.73rem;font-weight:800;white-space:nowrap}.tone-urgent .priority{background:#fff0f0;color:#bc3030}.tone-overdue .priority{background:#fff2ec;color:#b54921}.tone-timed .priority{background:#fff6df;color:#a56e00}.tone-normal .priority{background:#e8f7f2;color:#087467}.details{min-height:2.8em;margin:14px 0;color:#435b69;font-size:.88rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.details.muted{color:#90a0aa}.meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding-top:13px;border-top:1px solid #edf1f3}.meta div{min-width:0}.meta dt{margin:0 0 3px;color:#81909d;font-size:.73rem}.meta dd{margin:0;color:#284250;font-size:.84rem;line-height:1.45;overflow-wrap:anywhere}.state{margin:13px 0 0;color:#66808b;font-size:.78rem}.empty{grid-column:1/-1;margin:0;padding:25px;color:#647887;text-align:center}@media(max-width:700px){header{padding:0 14px;gap:11px}header strong{font-size:.92rem}#status{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{padding:18px 12px 40px}.hero{align-items:stretch;flex-direction:column;padding:20px;border-radius:16px}.hero-side{grid-template-columns:auto 1fr}.hero-side button{width:100%}.legend{gap:10px 16px;border-radius:14px;padding:12px 14px}.list-section{padding:18px;border-radius:16px}.section-title{align-items:flex-start;flex-direction:column}.work-order-list{grid-template-columns:1fr}.meta{gap:9px}.work-order-card{padding:16px}}