:root{--bg:#f5f7fa;--surface:#fff;--text:#17202d;--muted:#667085;--line:#dfe5ec;--blue:#1769e0;--blue2:#0f57be;--soft:#eef5ff;--dark:#101827;--radius:18px;--shadow:0 12px 34px rgba(17,24,39,.08);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.68}a{text-decoration:none;color:inherit}.wrap{max-width:var(--max);margin:auto;padding:0 22px}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:850}.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0b2547,#2b76df);color:#fff;display:grid;place-items:center;font-weight:900}.brand small{display:block;color:var(--muted);font-size:12px;font-weight:500}.links{display:flex;gap:20px;font-size:14px}.links a:hover{color:var(--blue)}.navbtn,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-weight:800;cursor:pointer}.navbtn{padding:10px 15px;background:var(--blue);color:#fff}.btn{padding:13px 18px;border:1px solid transparent}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue2)}.secondary{background:#fff;border-color:#cbd5e1}.hero{padding:74px 0 50px;background:radial-gradient(circle at 82% 12%,rgba(23,105,224,.15),transparent 32%),linear-gradient(180deg,#fff,#f3f7fb)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--blue);font-weight:800;font-size:13px}h1{font-size:48px;line-height:1.16;margin:18px 0 14px;letter-spacing:-1px}h2{font-size:32px;line-height:1.2;margin:0}.lead{font-size:20px;color:#3a4658;margin:0 0 10px}.sub{color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 22px}.entity{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.hero-visual{min-height:430px;border-radius:28px;padding:28px;position:relative;overflow:hidden;background:linear-gradient(145deg,#edf1f5,#c8d3df 55%,#98a8ba);box-shadow:var(--shadow)}.metal-sheet{position:absolute;width:72%;height:48%;left:10%;top:16%;border-radius:16px;transform:rotate(-7deg);background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(126,142,160,.82));border:1px solid rgba(255,255,255,.8);box-shadow:0 22px 38px rgba(17,24,39,.18)}.part{position:absolute;width:160px;height:160px;border-radius:50%;right:10%;bottom:10%;background:radial-gradient(circle at 38% 35%,#f8fafc,#a8b4c2 62%,#6b7684);border:16px solid rgba(230,235,241,.75);box-shadow:0 20px 35px rgba(17,24,39,.22)}.part:after{content:"";position:absolute;inset:42px;border-radius:50%;background:#dfe5ec;box-shadow:inset 0 3px 9px rgba(17,24,39,.3)}.laser{position:absolute;left:23%;bottom:10%;width:48%;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 26px 7px rgba(255,255,255,.8),0 0 42px 18px rgba(23,105,224,.35)}.visual-label{position:absolute;right:18px;top:18px;background:rgba(17,24,39,.76);color:#fff;padding:9px 12px;border-radius:10px;font-size:12px}section{padding:70px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.section-head p{margin:8px 0 0;color:var(--muted);max-width:720px}.grid4,.grid3,.grid2,.grid6{display:grid;gap:18px}.grid4{grid-template-columns:repeat(4,1fr)}.grid3,.grid6{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 4px 18px rgba(17,24,39,.035)}.card h3{margin:7px 0;font-size:19px}.card p{margin:0;color:var(--muted);font-size:14px}.icon{width:44px;height:44px;border-radius:12px;background:var(--soft);color:var(--blue);display:grid;place-items:center;font-weight:900}.link{color:var(--blue);font-weight:800;font-size:14px;margin-top:16px;display:inline-block}.quote{background:var(--dark);color:#fff}.quote .section-head p{color:#b8c2d0}.quote-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.form,.result{background:#182231;border:1px solid #2d3a4c;border-radius:20px;padding:24px}label{font-size:13px;color:#c7d0dc;font-weight:700}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:7px}input,select,textarea{width:100%;padding:12px 13px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#17202d;outline:none}.quote input,.quote select,.quote textarea,.darkform input,.darkform select,.darkform textarea{border-color:#34445a;background:#101827;color:#fff}input:focus,select:focus,textarea:focus{border-color:#5596ef}.result-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dashed #34445a}.result-row strong{font-size:20px}.notice{margin-top:16px;color:#aeb8c6;font-size:12px}.case-thumb{height:170px;border-radius:14px;margin-bottom:16px;background:linear-gradient(140deg,#e5eaf0,#a9b5c3);position:relative;overflow:hidden}.case-thumb:before{content:"真实案例照片";position:absolute;left:12px;bottom:12px;background:rgba(17,24,39,.68);color:#fff;padding:7px 9px;border-radius:8px;font-size:12px}.cta{padding:44px;border-radius:28px;background:linear-gradient(135deg,#0d315e,#1769e0);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.cta h2{font-size:34px;margin:0 0 10px}.cta p{color:#d9e8ff;margin:0}.pagehero{padding:56px 0;background:linear-gradient(180deg,#fff,#f2f6fb);border-bottom:1px solid var(--line)}.pagehero h1{font-size:40px}.crumbs{font-size:13px;color:var(--muted);margin-bottom:10px}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.table th,.table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left}.table th{background:#f8fafc}.badge{display:inline-flex;background:var(--soft);color:var(--blue);padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.admin-note{background:#fff7e8;border:1px solid #f1d59c;border-radius:12px;padding:14px 16px;color:#765515;font-size:13px;margin-bottom:18px}.success{background:#eaf8ef;border:1px solid #b8e4c6;color:#25623a;padding:12px 14px;border-radius:10px;font-size:13px}.muted{color:var(--muted)}footer{background:#0d1420;color:#d1d7e0;padding:48px 0 90px}.footgrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px}footer h4{color:#fff;margin:0 0 10px}footer a{display:block;color:#aeb8c5;font-size:13px;margin:6px 0}.copyright{border-top:1px solid #263142;margin-top:30px;padding-top:18px;color:#8491a3;font-size:12px}.mobilebar{display:none}@media(max-width:900px){.links{display:none}.hero{padding-top:44px}.hero-grid,.quote-grid,.cta{grid-template-columns:1fr}h1{font-size:38px}.hero-visual{min-height:330px}.grid4{grid-template-columns:repeat(2,1fr)}.grid3,.grid6{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:repeat(2,1fr)}.cta .actions{justify-content:flex-start}}@media(max-width:620px){body{padding-bottom:66px}.wrap{padding:0 16px}.navin{height:62px}.brand small{display:none}.navbtn{display:none}h1{font-size:31px}.lead{font-size:16px}.hero-visual{min-height:270px}section{padding:52px 0}.section-head{display:block}.section-head h2{font-size:27px}.grid4,.grid3,.grid6,.grid2,.fields{grid-template-columns:1fr}.cta{padding:28px}.cta h2{font-size:28px}.footgrid{grid-template-columns:1fr 1fr}.mobilebar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:70;background:#fff;border-top:1px solid var(--line);padding:7px 4px 8px}.mobilebar a{font-size:11px;text-align:center;color:#516071}.mobilebar b{display:block;color:var(--blue);font-size:18px;line-height:1}}

.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.tab{padding:10px 15px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:800}.tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.process-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.step b{display:block;color:var(--blue);font-size:12px;margin-bottom:5px}
.form-light{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.form-light label{color:#536176}.filebox{border:1px dashed #9eb1c7;border-radius:14px;padding:18px;background:#f8fbff}.filebox input{border:0;padding:0;background:transparent}
.big-success{background:#ecf9f0;border:1px solid #b9e2c6;color:#225c36;border-radius:16px;padding:18px;margin-bottom:20px}.big-success strong{font-size:20px}
.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.metric span{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:28px;margin-top:3px}
.table-wrap{overflow:auto;border-radius:14px}.admin-table{min-width:1120px}.admin-table small{color:var(--muted)}.status-select{min-width:92px;padding:7px;border-radius:8px}.mini{border:1px solid var(--line);background:#fff;padding:7px 9px;border-radius:8px;cursor:pointer}.danger{color:#b42318;border-color:#f0c2bd}.toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}.toolbar .actions{margin:0}.empty{text-align:center;color:var(--muted);padding:28px!important}.admin-links{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:22px}.admin-link{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.admin-link h3{margin:0 0 6px}.admin-link p{color:var(--muted);margin:0 0 10px;font-size:13px}
@media(max-width:900px){.process-flow{grid-template-columns:repeat(2,1fr)}.dashboard{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.process-flow,.dashboard,.admin-links{grid-template-columns:1fr}.form-light{padding:18px}}

/* V4 business workflow */
.adminnav{background:#17202d;color:#d9e1ea;border-bottom:1px solid #2e3947}.adminnav .navin{height:62px}.adminnav .brand small{color:#9aa7b5}.adminnav .links a{color:#bdc7d2}.adminnav .links a:hover{color:#fff}.adminnav .navbtn{background:#2f80ed}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}.primary-mini{background:var(--blue);color:#fff;border-color:var(--blue)}.status-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef5ff;color:#1769e0;font-size:12px;font-weight:800;white-space:nowrap}.tiny{font-size:12px}.file-chip{display:inline-flex;background:#f0f4f8;border:1px solid var(--line);padding:6px 8px;border-radius:8px;font-size:12px;margin:3px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.detail-head h2{font-size:32px;margin:7px 0 0}.detail-grid,.order-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.detail-card h3{margin:0 0 14px}.kv{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);align-items:center}.kv:last-child{border-bottom:0}.kv span{color:var(--muted);font-size:13px}.kv b{font-size:14px}.kv select{padding:8px 10px}.status-panel{display:flex;align-items:center;gap:12px;margin-top:18px;background:#fff;border:1px solid var(--line);padding:14px 18px;border-radius:14px}.status-panel label{color:#536176}.status-panel select{max-width:180px}
.quote-item-head,.quote-item-row{display:grid;grid-template-columns:2fr .7fr .7fr 1fr 1fr auto;gap:8px;align-items:center}.quote-item-head{font-size:12px;color:var(--muted);padding:0 0 7px}.quote-item-row{margin-bottom:8px}.quote-item-row input{padding:9px}.quote-item-row .qi-amount{text-align:right;white-space:nowrap}.quote-summary-box{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:18px}.quote-summary-box .result-row{border-bottom:1px dashed var(--line);color:var(--text)}.quote-summary-box .result-row:last-child{border-bottom:0}.quote-summary-box strong{font-size:18px}.quote-summary-box .grand strong{font-size:26px;color:var(--blue)}
.quote-paper{max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:42px;box-shadow:var(--shadow)}.quote-paper-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #1d2a39;padding-bottom:18px;margin-bottom:20px}.quote-company{font-size:23px;font-weight:900}.quote-title{font-size:34px;font-weight:900;letter-spacing:4px}.quote-meta{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:22px}.quote-table th,.quote-table td{text-align:right}.quote-table th:first-child,.quote-table td:first-child{text-align:left}.quote-totals{display:flex;justify-content:flex-end;margin-top:18px}.quote-totals>div{width:360px}.grand-total{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #1d2a39;padding-top:12px;margin-top:8px}.grand-total b{font-size:26px;color:var(--blue)}.quote-terms{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}.quote-terms h3{margin:0 0 8px}.quote-terms p{margin:5px 0}.detail-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:20px}.detail-actions select{width:auto;min-width:130px}
.timeline>div{display:grid;grid-template-columns:180px 1fr;gap:18px;border-left:2px solid #dbe7f5;padding:0 0 18px 18px;margin-left:6px}.timeline>div:last-child{padding-bottom:0}.timeline b{font-size:12px;color:var(--muted)}
.dash-main{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.dash-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.dash-card h3{margin:0 0 14px}.recent-row{display:grid;grid-template-columns:58px 130px 1fr 165px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.recent-row:last-child{border-bottom:0}.recent-row small{color:var(--muted);text-align:right}.empty-card{color:var(--muted);padding:18px 0}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.workflow div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center}.workflow b{display:block;color:var(--blue);font-size:22px}.workflow span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
@media(max-width:900px){.detail-grid,.order-summary,.dash-main{grid-template-columns:1fr}.quote-item-head{display:none}.quote-item-row{grid-template-columns:1fr 1fr}.quote-item-row .qi-name{grid-column:1/-1}.quote-meta{grid-template-columns:1fr}.workflow{grid-template-columns:repeat(2,1fr)}.recent-row{grid-template-columns:55px 1fr}.recent-row span:nth-child(3),.recent-row small{grid-column:2}.recent-row small{text-align:left}.detail-head{display:block}.detail-head .actions{margin-top:14px}.quote-paper{padding:24px}.quote-totals>div{width:100%}}
@media(max-width:620px){.kv{grid-template-columns:100px 1fr}.quote-item-row{grid-template-columns:1fr}.quote-item-row .qi-amount{text-align:left}.workflow{grid-template-columns:1fr}.quote-paper-head{display:block}.quote-title{margin-top:16px;font-size:28px}.quote-paper{padding:18px}.table.quote-table{font-size:12px}}
@media print{.nav,.adminnav,.mobilebar,.no-print,footer{display:none!important}body{background:#fff}.pagehero{display:none}.quote-paper{box-shadow:none;border:0;max-width:none;padding:0}.wrap{max-width:none;padding:0}section{padding:0}.quote-paper .table{font-size:12px}}