/* finesse · product workbench · silver / deep navy / cobalt · home chooser → priced materials → receipt · motion: state feedback */
:root{--page:#f1f4f8;--surface:#fcfdff;--ink:#18283d;--text:#40516a;--muted:#617188;--accent:#245dd8;--receipt:#142b49;--r:20px;--r-sm:10px;--shadow:0 2px 4px rgba(20,43,73,.02),0 12px 36px -26px rgba(20,43,73,.19)}
body{font-size:1rem}button,.button,select{white-space:nowrap}.button{border-radius:11px;font-size:.875rem;min-height:44px;padding:10px 16px}.panel{box-shadow:var(--shadow);border-color:rgba(33,56,88,.07)}h1,h2{overflow-wrap:anywhere;min-width:0}.eyebrow{font-size:.75rem;letter-spacing:.085em;font-weight:650;line-height:1.5;color:var(--muted)}
.home-shell{max-width:1360px;margin:0 auto;padding:0 40px}.home-nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.home-nav .brand{padding:0;gap:12px}.home-nav .brand img{width:38px;height:38px}.home-nav .brand strong{font-size:24px;letter-spacing:-.055em}.home-nav .brand span{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:500;margin-left:8px}.home-nav-actions{display:flex;align-items:center;gap:18px}.home-nav-actions>a{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:5px}.home-nav-actions>a .icon{width:13px}.home-nav-actions .button{border:1px solid var(--line-strong);background:var(--surface)}.home-nav .language{background:transparent;border:0;font-size:14px;min-height:44px}.home-main{padding:42px 0 0}.home-intro{display:flex;gap:40px;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.home-intro>div{min-width:0}.home-intro h1{font-size:40px;font-weight:650;letter-spacing:-.05em;line-height:1.2;margin:13px 0 14px;max-width:690px;text-wrap:balance}.home-intro p{font-size:16px;line-height:1.75;margin:0;color:var(--muted)}.home-route{display:flex;align-items:center;gap:11px;padding-bottom:7px;flex-shrink:0}.home-route>span{display:grid;justify-items:center;gap:8px;font-size:12px;color:var(--muted)}.home-route b{display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;width:31px;height:31px;font-size:13px;font-weight:600;background:var(--surface)}.home-route>span:first-child{color:var(--accent)}.home-route>span:first-child b{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.home-route i{height:1px;width:25px;background:var(--line-strong);margin-bottom:25px}.home-scope{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.home-scope h2{font-size:21px;font-weight:600;letter-spacing:-.025em;margin:0 0 5px}.home-scope p{font-size:14px;color:var(--muted);margin:0}.home-detail{font-size:13px;border:1px solid var(--line);border-radius:99px;padding:8px 13px;color:var(--muted);white-space:nowrap}.home-cables{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-cable{background:var(--surface);border:1px solid rgba(36,64,103,.08);border-radius:22px;box-shadow:0 12px 32px -26px rgba(20,43,73,.4);overflow:clip;display:flex;flex-direction:column;min-width:0;transition:transform .2s ease-out,border-color .2s ease-out}.cable-art{height:163px;position:relative;overflow:clip;background:#f7f9fc;border-bottom:1px solid var(--line)}.cable-art img{position:absolute;width:590px;max-width:none;height:auto;left:50%;top:-46px;transform:translateX(-32%);pointer-events:none}.home-card-body{padding:23px 21px 22px;flex:1;display:flex;flex-direction:column;min-width:0}.home-card-body .eyebrow{font-size:11px;letter-spacing:.065em}.home-card-body h2{font-size:21px;font-weight:630;letter-spacing:-.035em;line-height:1.25;margin:9px 0 10px}.home-card-body p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 25px;min-height:46px}.home-card-body .button{width:100%;justify-content:space-between;margin-top:auto}.home-card-body select{width:100%;font-size:13px;min-height:44px;margin:7px 0 13px;text-overflow:ellipsis;padding:9px 8px}.home-card-body label{font-size:12px;color:var(--muted);margin-top:auto}.home-selector{background:#e9eff7}.home-selector .home-card-body{padding-top:29px}.category-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:#dce6f5;color:#38628f;margin-bottom:26px}.category-icon .icon{width:29px;height:29px;stroke-width:1.3}.home-selector .button{background:var(--surface);border-color:var(--line-strong)}.home-guidance{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:27px 0 35px;padding:20px 0;border-top:1px solid var(--line)}.home-guidance>div{display:flex;align-items:flex-start;gap:10px;max-width:780px;color:var(--muted)}.home-guidance .icon{width:17px;height:17px;margin-top:4px}.home-guidance p{font-size:14px;line-height:1.75;margin:0}.home-guidance .text-link{font-size:14px;flex-shrink:0;text-decoration:none;min-height:44px}.home-footer{border-top:1px solid var(--line);padding:23px 0 27px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px}.home-footer span:first-child{font-weight:650;letter-spacing:.02em;color:var(--text)}
@media(hover:hover) and (pointer:fine){.home-cable:hover{transform:translateY(-4px);border-color:rgba(36,93,216,.36)}.home-cable:hover .button .icon{transform:translateX(3px)}.home-cable .button .icon{transition:transform .2s ease-out}}
/* The working surface uses a quiet rail and a single high-contrast result. */
.sidebar{background:#142b49;color:#e0e9f5;border:0}.sidebar .brand{color:#eff5fc}.sidebar .brand small,.sidebar .group-label,.sidebar .library-head,.sidebar .local-badge,.sidebar .side-bottom>small{color:#a9bad0}.sidebar .nav-button{color:#cbd8e8}.sidebar .nav-button.active{background:#2b4261;color:#f4f8ff;box-shadow:none}.sidebar .nav-button:hover{background:#243e5f}.sidebar .count{color:#aebfd5!important}.sidebar .sheet-link{color:#c6d4e7}.sidebar .sheet-link:hover{background:#203a5a}.sidebar .sheet-link.active{background:#f0f5ff;color:#173c79}.sidebar .sheet-link small{color:#a3b6d0}.sidebar .sheet-link.active small{color:#5a7295}.sidebar .search{background:#1e3858;border-color:rgba(227,238,250,.13)}.sidebar .search input{color:#edf4ff;background:transparent;font-size:14px}.sidebar .search input::placeholder{color:#a9bbd1}.sidebar .search .icon{color:#a9bbd1}.sidebar .side-contact{color:#d8e9ff}.sidebar .company-site{color:#adc3df}.sidebar .side-bottom{border-color:rgba(240,246,255,.13)}.topbar{background:rgba(246,249,253,.82);backdrop-filter:blur(20px) saturate(140%)}.main{padding-top:28px;max-width:1590px;margin:0 auto}.page-head{align-items:center}.back-home{display:inline-block;color:var(--muted);font-size:14px;margin-bottom:8px}.back-home:hover{color:var(--accent)}.page-head h1{font-size:26px;letter-spacing:-.045em;font-weight:650}.page-head p{font-size:14px;line-height:1.6;margin-top:8px}.audience-bar{margin-bottom:20px}.audience-bar .segments{padding:4px;background:#e5ebf4;border:0;border-radius:12px}.audience-bar .segments button{font-size:14px;border-radius:9px}.work-grid{grid-template-columns:minmax(0,1fr) 308px;gap:22px}.receipt-column{top:92px;gap:20px}.receipt{border-radius:22px;padding:25px 23px;box-shadow:0 18px 42px -25px rgba(18,45,82,.45)}.receipt-label{font-size:14px;line-height:1.5;gap:10px}.receipt-sub{font-size:13px}.receipt-row{font-size:14px}.receipt-row input{width:78px;min-height:44px}.receipt .big-cost{margin:20px 0 8px;line-height:1.3;overflow-wrap:anywhere}.receipt .currency{font-size:16px;vertical-align:6px}.receipt #main-total{font-size:40px;letter-spacing:-.055em}.receipt .order-total{align-items:flex-start;border-top:1px solid var(--receipt-line);padding-top:17px;margin-top:18px;flex-direction:column;gap:6px}.receipt .project-total{font-size:24px!important;line-height:1.4;overflow-wrap:anywhere}.receipt-disclaimer{font-size:12px;line-height:1.8}.receipt-download{width:100%;justify-content:center;background:#f0f5fc;color:#1b385d;border:0;margin-top:22px;font-size:14px}.receipt-download:hover{background:#d8e8fc}.length-control{display:flex;align-items:center;gap:8px}
.selected-cable{display:grid;grid-template-columns:148px minmax(0,1fr);gap:22px;padding:22px;margin-bottom:20px;align-items:start}.selected-cable h2{font-size:18px;font-weight:650;line-height:1.5;letter-spacing:-.025em;margin:7px 0}.selected-cable p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.selected-diagram{width:148px;height:136px;overflow:clip;position:relative;border-radius:14px;background:#f7f9fc}.selected-diagram img{position:absolute;width:430px;max-width:none;height:auto;left:-39px;top:-32px}.selected-cable .eyebrow{font-size:12px}.spec-disclosure{margin-top:10px}.spec-disclosure summary{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--accent);cursor:pointer;list-style:none;min-height:32px}.spec-disclosure summary::-webkit-details-marker{display:none}.spec-disclosure .icon{width:13px;height:13px;transition:transform .18s}.spec-disclosure[open] summary .icon{transform:rotate(90deg)}.spec-disclosure .source-specifications{margin-top:12px;padding-top:15px}.spec-disclosure[open] .source-specifications{animation:disclose .2s ease-out}.spec-attention{font-size:12px;color:#875816;display:block;margin-top:7px;line-height:1.5}.spec-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.spec-heading h3{font-size:14px}.spec-grid dt{font-size:12px}.spec-grid dd{font-size:14px}.source-cells,.diagram-scope{font-size:12px!important}.source-review ul{font-size:13px}.section-meta{font-size:13px;color:var(--muted)}.panel-heading{padding:23px 23px 12px}.panel-heading h2{font-size:18px}.section-intro{font-size:14px;line-height:1.75;color:var(--muted);margin:0;padding:0 23px 21px}.materials th{font-size:13px;vertical-align:middle;padding:14px 10px;background:#f2f5fa}.materials td{padding:16px 10px;height:85px}.materials td:first-child,.materials th:first-child{padding-left:23px}.material-name{font-size:14px}.material-spec{font-size:12px;line-height:1.7;margin-top:5px}.materials th:first-child{width:29%}.materials .price-heading{min-width:164px;text-align:left}.price-heading>span{display:block;margin-bottom:5px}.price-heading select{min-height:36px;width:115px;padding:5px 9px;font-size:14px;border-color:#c8d7ee;background:#e9f0fc;color:#214e91;font-weight:600}.price-input{display:flex;align-items:center;gap:7px;min-width:143px}.materials .price-input input{width:103px;min-height:44px;background:#f8fafd;border-color:#d3deec;font-size:15px;font-variant-numeric:tabular-nums}.price-input>span{font-size:12px;color:var(--muted);font-weight:600}.unit-label{font-size:12px;color:var(--muted);display:block;margin-top:3px}.input-display{font-size:14px;font-variant-numeric:tabular-nums}.materials input{font-size:14px;width:79px}.materials input.quantity{width:54px}.line-total{font-size:14px}.table-foot{padding:19px 23px;font-size:14px}.table-foot strong{font-size:17px;font-weight:650}.add-row button{font-size:14px;min-height:44px}.bottom-status{font-size:12px}.breakdown h3,.contact-card h3{font-size:15px}.legend-row{font-size:13px}.legend-row strong{font-size:13px}.contact-card>p{font-size:14px}.contact-heading p{font-size:12px}.contact-card>a{font-size:13px}.help-button{font-size:14px}.completion-notice strong{font-size:15px}.completion-notice p{font-size:14px}.source-review>strong{font-size:13px}.dialog-body p{font-size:15px}.field{font-size:14px}.glossary dd{font-size:14px}.glossary dt{font-size:15px}.dialog-head h2{font-size:18px}
@keyframes disclose{from{opacity:.4;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1260px){.home-shell{padding:0 28px}.home-cables{gap:14px}.home-card-body{padding:21px 16px}.home-card-body h2{font-size:19px}.home-route{display:none}.home-intro h1{max-width:860px}.work-grid{grid-template-columns:minmax(0,1fr) 276px;gap:17px}.receipt{padding:22px 19px}.materials th,.materials td{padding-left:8px;padding-right:8px}.selected-cable{grid-template-columns:115px minmax(0,1fr);gap:16px;padding:20px}.selected-diagram{width:115px}.selected-diagram img{left:-55px}.materials{min-width:620px}.main{padding-left:24px;padding-right:24px}}
@media(max-width:1100px){.home-cables{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.home-card-body{padding:24px}.home-card-body h2{font-size:23px}.home-selector .home-card-body{padding-top:25px}.home-selector .category-icon{margin-bottom:17px}.home-selector label{margin-top:5px}.home-selector .home-card-body p{min-height:0}.home-selector select{margin-bottom:18px}.home-guidance{align-items:flex-start;flex-direction:column;gap:5px}.work-grid{grid-template-columns:minmax(0,1fr)}.receipt-column{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.receipt{grid-row:span 2}.receipt-column .breakdown{grid-column:2;grid-row:1}.receipt-column .contact-card{grid-column:2;grid-row:2}.selected-cable{grid-template-columns:150px minmax(0,1fr);gap:22px}.selected-diagram{width:150px}.selected-diagram img{left:-37px}.materials{min-width:650px}}
@media(max-width:760px){.home-shell{padding:0 21px}.home-nav{height:80px;gap:10px}.home-nav-actions{gap:5px}.home-nav-actions>a,.home-nav .brand span{display:none}.home-nav .brand img{width:30px;height:30px}.home-nav .brand strong{font-size:21px}.home-nav .brand{gap:8px}.home-nav-actions .button{font-size:13px;padding:8px 10px}.home-nav .language{font-size:13px;padding:5px}.home-main{padding-top:29px}.home-intro{margin-bottom:30px}.home-intro h1{font-size:34px;line-height:1.2;margin-top:11px}.home-intro p{font-size:15px}.home-scope h2{font-size:20px}.home-detail{display:none}.home-scope p{font-size:14px}.home-cables{gap:14px}.home-card-body{padding:19px}.home-card-body h2{font-size:21px}.home-footer{flex-wrap:wrap;font-size:12px}.home-footer>span:nth-child(2){order:3;width:100%}.main{padding:24px 18px 110px}.page-head h1{font-size:24px}.page-head p{font-size:14px}.page-actions{justify-content:flex-start}.page-actions .button{font-size:14px}.selected-cable{padding:19px;grid-template-columns:112px minmax(0,1fr);gap:17px}.selected-diagram{width:112px;height:130px}.selected-diagram img{left:-57px}.selected-cable h2{font-size:17px}.selected-cable .eyebrow{font-size:12px}.selected-cable p{font-size:14px}.panel-heading{padding:20px 19px 12px}.section-intro{padding:0 19px 19px;font-size:14px}.materials{min-width:670px}.mobile-total{gap:12px}.mobile-total strong{font-size:20px}.mobile-total .button{font-size:14px}.audience-bar .segments button{font-size:14px}.help-button{font-size:13px}.spec-heading{flex-wrap:wrap}.spec-heading h3{max-width:none}.spec-grid{grid-template-columns:minmax(0,1fr)}.spec-disclosure .source-review{margin-left:0}.completion-notice{padding:17px}.completion-notice .button{font-size:14px}.table-foot strong{font-size:16px}}
@media(max-width:560px){.home-shell{padding:0 17px}.home-cables{grid-template-columns:minmax(0,1fr)}.home-cable:not(.home-selector){display:grid;grid-template-columns:100px minmax(0,1fr);min-height:220px}.cable-art{height:100%;border-bottom:0;border-right:1px solid var(--line)}.cable-art img{width:350px;left:-43px;top:38px;transform:none}.home-card-body{padding:19px 17px}.home-card-body h2{font-size:20px;margin-top:7px}.home-card-body p{font-size:14px;min-height:0;margin-bottom:17px}.home-card-body .eyebrow{font-size:10px}.home-card-body .button{min-height:42px}.home-selector .home-card-body{padding:24px}.home-selector .category-icon{width:40px;height:40px;margin-bottom:18px}.home-selector .category-icon .icon{width:24px}.home-intro h1{font-size:31px}.home-intro .eyebrow{font-size:11px}.home-guidance{margin-bottom:14px}.home-guidance p{font-size:13px}.home-guidance .text-link{font-size:13px;white-space:normal;text-align:left}.home-nav-actions .button{display:none}.home-scope{margin-bottom:18px}.receipt-column{grid-template-columns:minmax(0,1fr);gap:18px}.receipt,.receipt-column .breakdown,.receipt-column .contact-card{grid-column:auto;grid-row:auto}.selected-cable{grid-template-columns:minmax(0,1fr);gap:13px}.selected-diagram{width:100%;height:115px}.selected-diagram img{width:450px;left:50%;top:-38px;transform:translateX(-27%)}.spec-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.receipt{padding:25px}.receipt #main-total{font-size:43px}}
@media(prefers-reduced-motion:reduce){.home-cable:hover{transform:none}.spec-disclosure[open] .source-specifications{animation:none}.home-cable,.home-cable .icon{transition:none}}
@media(prefers-reduced-transparency:reduce){.topbar{background:var(--surface);backdrop-filter:none}}

.diagram-thumb{display:block;width:100%;height:100%}.cable-art{padding:6px 17px}.selected-diagram{padding:5px}.selected-diagram .diagram-thumb{width:100%;height:100%}@media(max-width:560px){.home-cable:not(.home-selector) .cable-art{padding:0 4px}.selected-diagram{height:140px}}

@media(max-width:600px){
 .materials{display:block;min-width:0!important;width:100%}.materials thead{display:block}.materials thead tr{display:flex;justify-content:flex-end;background:#f2f5fa;padding:9px 16px}.materials thead th{display:none}.materials thead .price-heading{display:flex;align-items:center;gap:10px;padding:0;min-width:0}.price-heading>span{margin:0}.price-heading select{width:116px;min-height:42px}.materials tbody{display:block}.materials tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:18px;gap:11px 14px;border-top:1px solid var(--line);position:relative}.materials tbody td{display:block;padding:0!important;min-width:0;height:auto!important;border:0}.materials tbody td:first-child{grid-column:1/-1;padding-right:37px!important}.materials tbody td:nth-child(2),.materials tbody td:nth-child(3){display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.materials tbody td:nth-child(2)::before{content:'用量/km';white-space:nowrap}.materials tbody td:nth-child(3)::before{content:'数量'}.materials tbody td:nth-child(4){align-self:end}.materials tbody td:nth-child(5){text-align:right;align-self:center;font-size:19px;font-weight:600}.materials tbody td:nth-child(5)::before{content:attr(data-label);display:block;font-size:12px;font-weight:400;color:var(--muted);margin-bottom:5px}.materials tbody td:nth-child(6){position:absolute;right:10px;top:10px}.materials tbody .price-input{min-width:0;gap:5px}.materials tbody .price-input input{width:96px;min-width:0}.materials tbody input{width:70px;min-width:0;min-height:40px}.materials tbody input.quantity{width:51px}.materials tbody .input-display{font-size:13px;color:var(--text)}.materials .material-name{font-size:16px}.materials .material-spec{font-size:12px}.table-foot{gap:10px;flex-wrap:wrap}.selected-cable p{font-size:14px}
 html[lang="en"] .materials tbody td:nth-child(2)::before{content:'Usage/km'}html[lang="en"] .materials tbody td:nth-child(3)::before{content:'Qty'}
}