:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#243e52;background:#f5f9fd;font-size:17px;--accent:#296695;--wash:#c6e5fa}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #b5cddd;background:white;color:var(--accent);padding:12px 20px;border-radius:12px;min-height:46px}button.primary{background:var(--accent);color:white;border-color:var(--accent)}button:disabled{opacity:.5;cursor:wait}button:hover{filter:brightness(.96)}:focus-visible{outline:3px solid #b07e36;outline-offset:3px}input,textarea{width:100%;border:1px solid #b8ccd9;border-radius:10px;background:#fff;padding:12px;color:#243e52}textarea{min-height:100px;resize:vertical}label{display:grid;gap:8px;font-size:15px;color:#526b7f}h1{font-size:32px;margin:0 0 12px}h2{font-size:22px;margin:0 0 20px}p{line-height:1.8}small,.muted{color:#526b7f}.development{background:#fff1cf;color:#6e5017;padding:8px 24px;font-size:13px}.shell{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:calc(100vh - 36px)}aside{padding:36px 20px;background:linear-gradient(160deg,#c6e5fa,#e9e1f5);display:flex;flex-direction:column;gap:12px}aside strong{font-size:24px;margin:0 0 30px}aside button{text-align:left;background:#ffffffa6;border-color:transparent}main{padding:40px clamp(20px,4vw,64px);max-width:1250px;width:100%}.heading,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.actions{justify-content:flex-start;margin-top:20px}.panel{background:#fff;border:1px solid #dbe7ee;border-radius:20px;padding:28px;margin-top:24px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wide{grid-column:1/-1}.directory{margin-top:24px;background:#fff;border-radius:18px;overflow:hidden;border:1px solid #dbe7ee}.customer{display:flex;width:100%;border:0;border-radius:0;padding:24px;text-align:left;justify-content:space-between;border-bottom:1px solid #e3edf3;gap:20px}.customer:last-child{border:0}.customer strong{display:block;font-size:24px;color:#243e52;margin-bottom:8px}.customer span{display:block;color:#526b7f;line-height:1.6}.gate{max-width:620px;margin:6vh auto;padding:28px}.gate form{display:grid;gap:18px}.empty{padding:45px 20px;text-align:center}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#243e52;color:white;border-radius:12px;padding:12px 22px;max-width:90vw;z-index:5}#notice:empty{display:none}dl{display:grid;grid-template-columns:140px 1fr;gap:12px;margin:0}dt{color:#526b7f}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.section-note{margin:12px 0;color:#526b7f}.savebar{position:sticky;bottom:0;background:#f5f9fdf5;padding:16px 0;display:flex;gap:16px;align-items:center;border-top:1px solid #dbe7ee}details{margin:16px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere}.failure{color:#922f25}.search{margin-top:24px} @media(max-width:700px){.shell{display:block}aside{padding:16px;flex-direction:row;flex-wrap:wrap;gap:8px}aside strong{width:100%;margin:0 0 4px}aside button{padding:9px 12px}main{padding:24px 16px}.grid{grid-template-columns:1fr}.panel{padding:20px}h1{font-size:28px}.gate{margin:24px auto;padding:20px}dl{grid-template-columns:100px 1fr}.customer{padding:20px}}
select{font:inherit;padding:12px;border:1px solid #b8ccd9;border-radius:10px;background:white;color:#243e52;width:100%}form>label{margin:16px 0}.check{display:flex;align-items:center}.check input{width:auto;min-width:20px;min-height:20px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:28px}.compare>div{min-width:0}.compare dd dl{display:block}.compare dd dt{margin-top:8px}.compare button{margin-top:20px}.form-status{color:#922f25;white-space:pre-wrap}.pending-badge{color:#87591c!important;background:#fff0ce;border-radius:8px;padding:4px 8px;font-size:14px}@media(max-width:900px){.compare{grid-template-columns:1fr}.compare>div+div{border-top:2px solid #c6e5fa;padding-top:24px}}
dialog.confirmation{max-width:min(520px,calc(100vw - 32px));border:1px solid #b8ccd9;border-radius:20px;padding:28px;color:#243e52}dialog.confirmation::backdrop{background:#243e5266}
:root{--page:#f5f9fd;--second:#e9e1f5;--ink:#243e52;--muted:#526b7f}html[data-theme="mint"]{--accent:#246e5c;--wash:#c8f1e5;--page:#f4fbf8;--second:#fff1c7;--ink:#25473d;--muted:#526e63}html[data-theme="lilac"]{--accent:#7049a0;--wash:#fff2ac;--page:#fffef7;--second:#e4d4fa;--ink:#453359;--muted:#6f607d}body{background:var(--page);color:var(--ink)}aside{background:linear-gradient(160deg,var(--wash),var(--second))}.savebar{background:var(--page)}label,small,.muted,dt,.customer span{color:var(--muted)}.customer strong{color:var(--ink)}.offline-status{padding:8px 24px;background:var(--wash);color:var(--ink);font-size:13px}.trial-reminder{margin-top:24px;padding:16px 24px;background:#fff1cf;border-radius:16px}.trial-reminder p{margin-top:0}li{line-height:1.9}textarea[readonly]{background:var(--page)}