:root{--ink:#173b44;--muted:#688088;--line:#d9e5e6;--paper:#fff;--bg:#eef4f3;--teal:#087e86;--orange:#b75c25;--danger:#b53030;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#d8ece8,transparent 50%)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);padding:9px 14px;white-space:nowrap}button:hover{border-color:var(--teal);color:var(--teal)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.primary:hover{color:#fff;background:#096972}.danger{color:var(--danger)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px;background:#fff;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid #a7d4d0;outline-offset:1px}input[type=checkbox]{width:auto}label{display:grid;gap:7px;color:var(--muted)}label.check{display:flex;align-items:center;padding:10px 0}h1,h2,h3,p{margin-top:0}h1{font-size:25px;letter-spacing:1px}h2{font-size:19px}h3{font-size:15px}small,.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh}aside{background:#123d46;color:white;padding:32px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-family:"STKaiti","KaiTi",serif;font-size:31px;padding:0 12px 30px;letter-spacing:5px}.brand small{display:block;font:11px sans-serif;letter-spacing:2px;margin-top:8px;color:#9cc5c6}nav{display:grid;gap:7px}nav button{border:0;background:transparent;color:#b7d0d2;text-align:left;padding:13px 16px}nav button.active,nav button:hover{background:#24535c;color:white}.account{margin-top:auto;font-size:12px;color:#bfd5d6;padding:16px 8px;line-height:1.9;overflow-wrap:anywhere}.account button{display:block;margin-top:12px;color:#d3e9e9;background:transparent;border-color:#42656e}main{padding:32px 36px 60px;min-width:0;max-width:1600px;width:100%;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{font-size:11px;color:var(--teal);letter-spacing:2px;margin-bottom:8px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:18px;box-shadow:0 8px 25px #24494c04;animation:enter .25s ease-out}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.full{grid-column:1/-1}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar input{max-width:330px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:12px;color:var(--muted);background:#f3f7f7;font-weight:500}th,td{padding:13px 10px;border-bottom:1px solid #e5ecec}td button{padding:6px 10px;font-size:12px}td .product{min-width:180px}td input{min-width:90px}.num{text-align:right;font-variant-numeric:tabular-nums}.product-image{width:44px;height:44px;object-fit:contain;border:1px solid var(--line);border-radius:6px;vertical-align:middle}.file{font-size:12px;max-width:150px}.summary{display:flex;gap:28px;justify-content:flex-end;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.summary strong{font-size:23px;color:var(--teal);font-variant-numeric:tabular-nums}.edit-footer{position:sticky;bottom:12px;background:#fffef8;box-shadow:0 4px 22px #173b4420;padding:16px 22px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:16px}.empty{text-align:center;padding:40px;color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);background:white;border:1px solid var(--line);border-top:5px solid var(--teal);padding:40px;border-radius:12px;box-shadow:0 24px 70px #173b4410}.login-card h1{font-family:"STKaiti","KaiTi",serif;font-size:34px;letter-spacing:6px}.login-card form{display:grid;gap:20px}.login-card p{line-height:1.8;color:var(--muted)}#notice{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:50;max-width:90vw;background:#173b44;color:white;padding:14px 22px;border-radius:8px;box-shadow:0 8px 25px #0002;display:none}dialog{width:min(1000px,96vw);max-height:95vh;border:0;border-radius:12px;padding:20px}dialog::backdrop{background:#102f3ba8}.dialog-tools{display:flex;justify-content:flex-end;gap:10px;margin-bottom:18px}#preview-content canvas{width:100%;height:auto}.stack{display:grid;gap:14px}.seal{max-width:130px;max-height:100px;object-fit:contain}a{color:var(--teal)}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:900px){.shell{grid-template-columns:155px minmax(0,1fr)}aside{padding:24px 10px}.brand{font-size:25px}main{padding:24px 18px}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:18px}}@media(max-width:600px){.shell{display:block}aside{position:static;height:auto;padding:16px}.brand{padding-bottom:15px}.brand small{display:none}nav{display:flex;overflow:auto}nav button{padding:9px 12px}.account{display:none}main{padding:20px 12px}.grid,.grid.three{grid-template-columns:1fr}.page-head{align-items:flex-start}.summary{gap:16px}.edit-footer{bottom:0;border-radius:0}.edit-footer .muted{display:none}h1{font-size:22px}.login-card{padding:30px}}
@media print{body{background:white}#app,#notice,.dialog-tools{display:none!important}dialog{display:block!important;position:static;border:0;padding:0;width:100%;max-width:none;max-height:none;overflow:visible}#preview-content canvas{width:100%;height:auto}dialog::backdrop{display:none}}