/* Tianli Electric — retail and service website, 2026-08-18 */
:root{--navy:#062957;--navy-2:#0a3f7f;--blue:#0878f9;--electric:#27a8ff;--orange:#f28722;--ink:#142033;--muted:#647187;--line:#d8e1eb;--soft:#f3f7fb;--white:#fff;--max:1180px;--shadow:0 18px 50px rgba(4,34,75,.13)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;color:var(--ink);background:#f4f7fa;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.shell{width:min(var(--max),calc(100% - 40px));margin:0 auto}.skip-link{position:fixed;z-index:1000;left:12px;top:-80px;padding:10px 16px;color:#fff;background:var(--navy)}.skip-link:focus{top:12px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid rgba(8,43,92,.1)}.nav-shell{min-height:72px;display:grid;grid-template-columns:230px 1fr 120px;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;color:var(--navy)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--navy);border-left:5px solid var(--orange);color:#fff;font-weight:900;letter-spacing:-1px}.brand-copy strong{display:block;font-size:22px;line-height:1.15;letter-spacing:1px}.brand-copy small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.light-nav{display:flex;justify-content:center;gap:32px;font-size:14px;font-weight:700}.light-nav a:hover{color:var(--blue)}.nav-action,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid transparent;font-weight:800;cursor:pointer}.nav-action,.primary-button{color:#fff;background:var(--blue)}.nav-action:hover,.primary-button:hover{background:#0665d5}.secondary-button{color:var(--navy);background:#fff;border-color:#a9bdd3}.secondary-button:hover{border-color:var(--blue);color:var(--blue)}.mobile-head{display:none}
.search-dock{background:#fff;border-bottom:1px solid var(--line)}.search-row{min-height:64px;display:grid;grid-template-columns:minmax(420px,740px) 1fr;align-items:center;gap:24px}.search-form{display:flex;border:2px solid var(--blue);background:#fff}.search-form input{min-width:0;flex:1;border:0;padding:11px 14px;color:var(--ink)}.search-form button{min-width:92px;border:0;color:#fff;background:var(--blue);font-weight:800;cursor:pointer}.search-hints{display:flex;gap:14px;color:var(--muted);font-size:13px}.search-hints a:hover{color:var(--blue)}
.search-results{margin-top:12px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(8,43,92,.08)}.search-results-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.search-results h2{margin:0;padding:14px 18px;color:var(--navy);font-size:17px}.search-results-head button{margin-right:12px;padding:7px 10px;color:var(--navy);background:#fff;border:1px solid #a9bdd3;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.search-results-head button:hover{color:var(--blue);border-color:var(--blue)}.result-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.result-list a,.result-empty{padding:14px 18px;border-right:1px solid var(--line)}.result-list a{display:block}.result-list a strong,.result-list a small{display:block}.result-list a strong{color:var(--navy)}.result-list a small{margin-top:3px;color:var(--muted);font-size:12px}.result-list a[data-search-recovery="true"]{background:#f8fbfe}.result-list a:hover{background:#eef6ff}.result-list a:hover strong{color:var(--blue)}
.ai-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(125deg,#051f43 0%,#073c7a 48%,#0878f9 100%)}.ai-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 24%,rgba(66,188,255,.34),transparent 30%),linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.08) 50%,transparent 50.2%);background-size:auto,56px 56px;opacity:.72}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;min-height:590px;padding-top:64px;padding-bottom:64px}.section-kicker{margin:0 0 10px;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.08em}.hero-copy .section-kicker{color:#86d3ff}.hero-copy h1{max-width:680px;margin:0;font-size:clamp(40px,5vw,66px);line-height:1.08;letter-spacing:-.04em}.hero-lead{max-width:640px;margin:24px 0 0;color:#d9eafa;font-size:18px}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-actions .primary-button{background:var(--orange)}.hero-actions .primary-button:hover{background:#d96d0b}.hero-actions .secondary-button{color:#fff;background:transparent;border-color:rgba(255,255,255,.55)}.hero-boundaries{display:flex;flex-wrap:wrap;gap:10px 24px;margin:25px 0 0;padding:0;list-style:none;color:#bfd4ea;font-size:13px}.hero-boundaries li:before{content:"✓";margin-right:7px;color:#6ed2ff}.hero-output{padding:26px;background:rgba(255,255,255,.97);color:var(--ink);border-top:5px solid var(--orange);box-shadow:0 30px 70px rgba(0,18,48,.38)}.output-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line)}.output-head span{font-size:18px;font-weight:900;color:var(--navy)}.output-head strong{color:#9d4c00;background:#fff0df;padding:6px 9px;font-size:12px}.output-row{display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.output-row span{color:var(--muted);font-size:13px}.output-row b{color:var(--navy)}.output-row em{color:var(--muted);font-size:11px;font-style:normal}.output-row.accent{border-left:4px solid var(--blue);padding-left:12px;background:#f5f9ff}.hero-output>p{margin:16px 0 0;color:var(--muted);font-size:12px}.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-strip .shell{min-height:76px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.trust-strip span{padding:0 22px;border-right:1px solid var(--line);color:var(--muted);font-size:13px}.trust-strip span:first-child{padding-left:0}.trust-strip span:last-child{border:0}.trust-strip b{display:block;color:var(--navy);font-size:14px}
.section{margin-top:76px}.section-heading{max-width:780px;margin-bottom:28px}.section-heading h2,.split-section h2,.capability-section h2,.pending-grid h2{margin:0;color:var(--navy);font-size:clamp(28px,3vw,42px);line-height:1.18}.section-heading>p:last-child{margin:13px 0 0;color:var(--muted)}.ai-workbench{display:grid;grid-template-columns:.82fr 1.18fr;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.ai-input-panel{padding:30px;border-right:1px solid var(--line)}.ai-input-panel fieldset{display:flex;gap:24px;margin:0 0 22px;padding:0;border:0}.ai-input-panel legend{margin-bottom:10px;color:var(--navy);font-weight:900}.ai-input-panel label{font-weight:700}.input-label{display:block;margin-bottom:9px}.ai-input-panel textarea{width:100%;resize:vertical;padding:14px;border:1px solid #aab7c6;color:var(--ink);background:#fbfdff}.input-help{margin:8px 0 0;color:var(--muted);font-size:12px}.example-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0;color:var(--muted);font-size:13px}.text-button{padding:5px 8px;border:0;color:var(--blue);background:#edf6ff;cursor:pointer}.form-actions{display:flex;gap:10px}.ai-result-panel{min-width:0;padding:30px;background:#f7faff}.result-status{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:20px;border-bottom:3px solid var(--navy)}.result-status span:first-child{color:var(--muted);font-size:12px}.result-status h3{margin:2px 0 0;color:var(--navy);font-size:23px}.status-badge{padding:7px 10px;color:#8e4600;background:#fff0df;font-size:12px;font-weight:900}.empty-result{min-height:290px;display:grid;place-content:center;text-align:center}.empty-result strong{color:var(--navy);font-size:20px}.empty-result p{max-width:420px;margin:8px 0 0;color:var(--muted)}.draft-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.draft-fields div{min-width:0;padding:15px 12px;border-bottom:1px solid var(--line)}.draft-fields dt{color:var(--muted);font-size:11px}.draft-fields dd{margin:4px 0 0;color:var(--navy);font-weight:800;overflow-wrap:anywhere}.result-source{margin-top:14px;padding:14px;background:#fff;border-left:4px solid var(--blue)}.result-source span{color:var(--muted);font-size:11px}.result-source p{margin:4px 0 0;overflow-wrap:anywhere}.confirm-row{display:flex;align-items:center;gap:16px;margin-top:16px}.confirm-row p{margin:0;color:var(--muted);font-size:11px}.ai-result-panel.is-confirmed .status-badge{color:#116237;background:#def7e8}.ai-result-panel.has-warning .result-status{border-color:var(--orange)}
.workflow-section{padding:54px;background:#fff;border-top:5px solid var(--blue)}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.workflow-grid li{padding:0 24px;border-right:1px solid var(--line)}.workflow-grid li:first-child{padding-left:0}.workflow-grid li:last-child{border:0}.workflow-grid b{display:block;color:var(--electric);font-size:30px}.workflow-grid strong{display:block;margin:12px 0 6px;color:var(--navy);font-size:18px}.workflow-grid span{color:var(--muted);font-size:13px}.split-section{display:grid;grid-template-columns:1fr 1fr;background:#fff}.split-section article{padding:50px}.boundary-card{color:#fff!important;background:var(--navy)}.boundary-card .section-kicker{color:#76caff}.boundary-card h2{color:#fff}.ruled-list{margin:28px 0 0;padding:0;list-style:none}.ruled-list li{padding:15px 0;border-bottom:1px solid var(--line)}.boundary-card .ruled-list li{border-color:rgba(255,255,255,.16);color:#d4e3f2}.capability-section{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability-section>div{padding:34px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.capability-section h2{font-size:26px}.capability-section div>p:last-child{color:var(--muted)}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--line);border-left:1px solid var(--line)}.business-grid a{min-height:132px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.business-grid a:hover{background:#f1f7ff}.business-grid strong{display:block;color:var(--navy);font-size:20px}.business-grid span{display:block;margin-top:8px;color:var(--muted);font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);background:#fff}.category-grid a{min-height:170px;padding:24px;border-right:1px solid var(--line);border-bottom:4px solid transparent}.category-grid a:hover{border-bottom-color:var(--orange);background:#f5f9ff}.category-grid b{display:block;color:#a5b4c5;font-size:13px}.category-grid strong{display:block;margin-top:28px;color:var(--navy);font-size:22px}.category-grid span{color:var(--muted);font-size:12px}.pending-grid{display:grid;grid-template-columns:1fr 1fr;margin-bottom:76px}.pending-grid article{padding:36px;background:#fff;border:1px solid var(--line)}.pending-grid article+article{border-left:0}.pending-grid h2{font-size:27px}.pending-grid article>p:not(.section-kicker){color:var(--muted)}.pending-state{display:inline-block;margin-top:10px;padding:8px 10px;color:#855000;background:#fff5df;font-size:12px;font-weight:800}
.site-footer{padding:42px 0 92px;color:#b9c8db;background:#041d3e}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px}.footer-grid strong{display:block;margin-bottom:8px;color:#fff}.footer-grid a,.footer-grid span{display:block;padding:3px 0;font-size:13px}.footer-note{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);font-size:12px}.mobile-taskbar{display:none}
/* Secondary pages keep a restrained shared system. */
.utility{background:#f8fafc;border-bottom:1px solid var(--line);color:#4c596b;font-size:13px}.utility .shell{min-height:34px;display:flex;align-items:center;justify-content:space-between}.utility-links{display:flex;gap:22px}.header-main{min-height:94px;display:grid;grid-template-columns:220px minmax(360px,1fr) 220px;align-items:center;gap:28px}.header-main .search-wrap{min-width:0}.header-actions{display:flex;justify-content:flex-end;gap:8px}.header-actions a{padding:10px 12px;border:1px solid var(--line);font-weight:700}.primary-nav{background:var(--navy);color:#fff}.primary-nav .shell{display:flex;min-height:46px}.primary-nav a{display:flex;align-items:center;padding:0 24px;font-weight:700;border-right:1px solid rgba(255,255,255,.12)}.page-main{padding-bottom:40px}.info-page{margin-top:18px;background:#fff;border:1px solid var(--line)}.page-heading{padding:28px;border-bottom:1px solid var(--line)}.page-heading h1{margin:0;color:var(--navy);font-size:32px}.page-heading p{color:var(--muted)}.category-bar{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.category-bar a{padding:16px 8px;text-align:center;border-right:1px solid var(--line);font-weight:700}.category-bar a:hover{color:#fff;background:var(--blue)}.catalog-empty{min-height:360px;display:grid;place-items:center;padding:36px;text-align:center}.catalog-empty strong{display:block;color:var(--navy);font-size:21px}.catalog-empty p{color:var(--muted)}.service-directory{display:grid;grid-template-columns:repeat(3,1fr)}.service-panel{padding:28px;border-right:1px solid var(--line);scroll-margin-top:108px}.service-panel h2{color:var(--navy)}.service-panel p{min-height:72px;color:var(--muted)}.service-panel .disabled-action{width:100%;padding:11px;color:#7d8795;background:#e9edf2;border:1px solid #d5dce4}.service-note{padding:18px 28px;border-top:1px solid var(--line);color:#526074;background:#f7f9fb}.not-found{min-height:520px;display:grid;place-items:center;text-align:center}.not-found strong{display:block;color:var(--navy);font-size:64px}.not-found a{display:inline-block;margin-top:16px;padding:11px 24px;color:#fff;background:var(--blue)}
@media(max-width:900px){.shell{width:min(100% - 24px,760px)}.nav-shell,.light-nav,.nav-action,.search-hints,.utility,.header-main,.primary-nav{display:none}.site-header{position:sticky}.mobile-head{min-height:62px;display:flex;align-items:center;justify-content:space-between}.mobile-head>a:last-child{color:var(--blue);font-weight:800}.mobile-head .brand-mark{width:34px;height:34px;font-size:13px}.mobile-head .brand-copy strong{font-size:19px}.search-row{min-height:58px;display:block;padding-top:8px;padding-bottom:8px}.search-form button{min-width:72px;background:var(--orange)}.result-list{grid-template-columns:1fr}.result-list a{border-right:0;border-bottom:1px solid var(--line)}.hero-grid{grid-template-columns:1fr;gap:34px;min-height:0;padding-top:48px;padding-bottom:48px}.hero-copy h1{font-size:clamp(37px,9vw,54px)}.hero-lead{font-size:16px}.hero-output{max-width:650px}.trust-strip .shell{grid-template-columns:1fr;min-height:0}.trust-strip span{padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.section{margin-top:52px}.ai-workbench{grid-template-columns:1fr}.ai-input-panel{border-right:0;border-bottom:1px solid var(--line)}.workflow-section{padding:34px 24px}.workflow-grid{grid-template-columns:repeat(2,1fr);gap:28px}.workflow-grid li{padding:0 18px;border:0;border-left:1px solid var(--line)}.split-section,.pending-grid{grid-template-columns:1fr}.pending-grid article+article{border-left:1px solid var(--line);border-top:0}.business-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr);overflow:visible}.category-grid a{min-height:132px}.category-grid a:last-child{grid-column:1/-1}.category-grid strong{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}.mobile-taskbar{position:fixed;z-index:80;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);min-height:64px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #cdd6e1;box-shadow:0 -2px 8px rgba(8,43,92,.1)}.mobile-taskbar a{display:grid;place-items:center;align-content:center;gap:2px;color:#536174;font-size:11px}.mobile-taskbar b{font-size:17px}.mobile-taskbar a[aria-current]{color:var(--blue);font-weight:800;border-top:3px solid var(--orange)}body{padding-bottom:64px}.service-directory{grid-template-columns:1fr}.service-panel{border-right:0;border-bottom:1px solid var(--line)}.category-bar{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.shell{width:100%;padding-left:14px;padding-right:14px}.ai-hero:before{background:radial-gradient(circle at 80% 10%,rgba(66,188,255,.3),transparent 28%)}.hero-grid{padding-top:38px;padding-bottom:38px}.hero-copy h1{font-size:38px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-boundaries{gap:7px 14px}.hero-output{padding:18px}.output-row{grid-template-columns:74px 1fr}.output-row em{grid-column:2}.section-heading h2,.split-section h2{font-size:30px}.ai-input-panel,.ai-result-panel{padding:20px 16px}.ai-input-panel fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-actions{display:grid;grid-template-columns:1fr}.draft-fields{grid-template-columns:1fr}.draft-fields div{padding-left:0;padding-right:0}.confirm-row{display:block}.confirm-row p{margin-top:8px}.workflow-grid{grid-template-columns:1fr}.workflow-grid li{padding:12px 0 12px 16px}.split-section article{padding:34px 22px}.capability-section{grid-template-columns:1fr}.business-grid{grid-template-columns:1fr 1fr}.business-grid a{min-height:122px;padding:18px}.business-grid strong{font-size:17px}.pending-grid article{padding:28px 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.output-head{align-items:flex-start}.output-head strong{white-space:nowrap}}
/* 2026-08-16 15:00 retail-first homepage: products and service lead; AI remains auxiliary. */
.retail-home{background:#f3f5f7}.retail-home .site-header{position:relative}.retail-home .header-main{min-height:100px}.retail-home .primary-nav{position:sticky;top:0;z-index:60}.retail-home .primary-nav a:first-child{background:var(--orange)}.retail-home .page-main{padding-bottom:72px}.retail-home .search-results{margin:14px 0 0}
.retail-entry{display:grid;grid-template-columns:225px minmax(0,1fr) 245px;min-height:430px;margin-top:18px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(8,43,92,.08)}.department{background:#07366f;color:#fff}.department h2,.service-rail h2{margin:0;padding:17px 20px;font-size:18px;border-bottom:1px solid rgba(255,255,255,.15)}.department-list{margin:0;padding:0;list-style:none}.department-list li{border-bottom:1px solid rgba(255,255,255,.11)}.department-list a{display:block;padding:11px 20px}.department-list a:hover,.department-list a:focus-visible{background:#0a4c97}.department-list strong{display:block;font-size:15px}.department-list span{display:block;margin-top:2px;color:#bed0e5;font-size:11px}.catalog-lead{position:relative;display:flex;flex-direction:column;justify-content:center;padding:38px 34px;background:#f7f9fc;border-right:1px solid var(--line);overflow:hidden}.retail-label{margin:0 0 8px;color:var(--orange);font-size:13px;font-weight:900;letter-spacing:.06em}.catalog-lead h1{position:relative;z-index:1;max-width:100%;margin:0;color:var(--navy);font-size:clamp(32px,3.7vw,50px);line-height:1.12}.catalog-lead>p:not(.retail-label){position:relative;z-index:1;max-width:400px;margin:16px 0 20px;color:var(--muted)}.retail-actions{display:flex;gap:10px;margin-top:20px}.catalog-visual{position:absolute;right:20px;bottom:20px;width:270px;margin:0}.catalog-visual img{display:block;width:100%;height:auto}.catalog-visual figcaption{margin-top:4px;color:#708096;font-size:10px;text-align:center}.service-rail{background:#fff}.service-rail h2{color:var(--navy);border-color:var(--line)}.service-list a{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.service-list a:hover{background:#f3f8fd}.service-list a.is-status-link{background:#f7f8fa}.service-list a.is-status-link:hover{background:#eef1f4}.service-list a.is-status-link b{background:#657386}.service-list a.is-status-link strong{color:#354255}.service-list b,.service-tasks b{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:var(--navy);font-size:15px}.service-list span{min-width:0}.service-list strong{display:block;color:var(--navy);font-size:15px}.service-list small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.floor{margin-top:20px;background:#fff;border:1px solid var(--line)}.floor-head{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.floor-head>div{display:flex;align-items:center;gap:12px}.floor-head span{color:var(--orange);font-size:13px;font-weight:900}.floor-head h2{margin:0;color:var(--navy);font-size:24px}.floor-head>a{color:var(--blue);font-size:13px;font-weight:800}.floor-body{display:grid;grid-template-columns:210px 1fr;min-height:150px}.floor-menu{display:grid;align-content:start;grid-template-columns:1fr 1fr;padding:16px 22px;background:#f7f9fb;border-right:1px solid var(--line)}.floor-menu strong{grid-column:1/-1;margin-bottom:6px;color:var(--navy)}.floor-menu a{padding:6px 0;color:#4e5d70;font-size:13px}.floor-menu a:hover{color:var(--blue)}.product-shelf{display:grid;place-items:center;padding:18px 26px}.product-slot{text-align:center}.product-slot strong{display:block;color:var(--navy);font-size:20px}.product-slot span{display:block;margin-top:5px;color:var(--muted);font-size:13px}.product-slot a{display:inline-block;margin-top:12px;padding:8px 13px;color:var(--blue);border:1px solid #a9c9eb;font-weight:800;font-size:13px}
.service-tasks{display:grid;grid-template-columns:repeat(3,1fr);background:#fff}.service-tasks a{min-width:0;padding:25px;border-right:1px solid var(--line)}.service-tasks a:hover{background:#f4f8fc}.service-tasks b{margin-bottom:14px}.service-tasks strong{display:block;color:var(--navy);font-size:18px}.service-tasks span{display:block;margin-top:5px;color:var(--muted);font-size:12px}
.ai-auxiliary{margin-top:28px;padding:36px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy)}.ai-auxiliary .section-heading{margin-bottom:22px}.ai-auxiliary .section-heading h2{font-size:32px}.ai-auxiliary .ai-workbench{box-shadow:none}.ai-auxiliary .empty-result{min-height:230px}.retail-home .site-footer{padding-bottom:42px}
@media(max-width:900px){.retail-home .utility,.retail-home .header-main,.retail-home .primary-nav{display:none}.retail-home .site-header{position:sticky;top:0}.retail-home .mobile-head{display:block;min-height:0;padding:8px 0;background:#fff}.retail-home .mobile-head>.shell{display:block}.mobile-brandline{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mobile-brandline>a:last-child{color:var(--blue);font-weight:800}.retail-entry{grid-template-columns:1fr 1fr;margin-top:12px}.catalog-lead{grid-column:1/-1;grid-row:1;padding:26px 22px;border-right:0;border-bottom:1px solid var(--line)}.catalog-visual{display:none}.department{grid-column:1;grid-row:2}.service-rail{grid-column:2;grid-row:2}.catalog-lead h1{font-size:38px}.department-list a{padding:10px 14px}.service-list a{padding:14px 12px}.floor-body{grid-template-columns:170px 1fr}.service-tasks a{padding:20px}.ai-auxiliary{padding:28px 22px}.retail-home .site-footer{padding-bottom:92px}}
@media(max-width:520px){.retail-home .shell{padding-left:12px;padding-right:12px}.retail-entry{display:flex;flex-direction:column}.catalog-lead{order:1;padding:22px 16px}.catalog-lead h1{font-size:31px}.catalog-lead>p:not(.retail-label){font-size:13px}.retail-actions{display:grid;grid-template-columns:1fr 1fr}.department{order:2}.service-rail{order:3}.department h2,.service-rail h2{padding:13px 14px}.department-list{display:grid;grid-template-columns:1fr 1fr}.department-list li:nth-child(odd){border-right:1px solid rgba(255,255,255,.11)}.department-list a{min-height:68px}.department-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-list{display:grid;grid-template-columns:1fr 1fr}.service-list a{grid-template-columns:32px 1fr;min-height:78px;padding:10px;border-right:1px solid var(--line)}.service-list b{width:30px;height:30px}.service-list small{display:none}.floor-head{min-height:50px;padding:0 14px}.floor-head h2{font-size:21px}.floor-body{display:block;min-height:0}.floor-menu{grid-template-columns:repeat(4,1fr);padding:9px 10px;border-right:0;border-bottom:1px solid var(--line);text-align:center}.floor-menu strong{display:none}.floor-menu a{padding:5px 2px;font-size:12px}.product-shelf{min-height:0;padding:12px 14px;place-items:stretch}.product-slot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;text-align:left}.product-slot strong{font-size:16px}.product-slot span{grid-column:1;font-size:11px}.product-slot a{grid-column:2;grid-row:1/3;margin:0;padding:7px 9px;white-space:nowrap}.service-band-title{padding:22px 18px}.service-tasks a{padding:14px 8px;text-align:center}.service-tasks b{margin:0 auto 8px}.service-tasks strong{font-size:15px}.service-tasks span{font-size:10px}.channel-status>div:first-child{padding:20px 16px}.channel-grid{grid-template-columns:1fr}.channel-grid article{padding:18px 16px;border-left:0;border-top:1px solid var(--line)}.ai-auxiliary{padding:24px 14px}.ai-auxiliary .section-heading h2{font-size:27px}.ai-auxiliary .section-heading>p:last-child{font-size:12px}.retail-home .footer-grid{grid-template-columns:1fr 1fr}}
/* 2026-08-17 product category and document-search journey. */
.product-catalog .page-heading{background:linear-gradient(110deg,#f8fbff,#fff8ef)}
.product-catalog .page-heading .section-kicker{margin-bottom:7px}
.category-bar a[aria-current="true"]{color:#fff;background:var(--blue);box-shadow:inset 0 -4px 0 var(--orange)}
.category-status-panel{margin:24px;border:1px solid var(--line);border-top:4px solid var(--blue);background:#fff;box-shadow:0 10px 26px rgba(8,43,92,.08)}
.category-status-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--line)}
.category-status-head span,.category-status-grid span{display:block;color:var(--muted);font-size:12px}
.category-status-head h2{margin:3px 0 0;color:var(--navy);font-size:26px}
.category-status-head>strong{padding:7px 10px;color:#854400;background:#fff0df;font-size:12px}
.category-status-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.category-status-grid>div{padding:18px 24px;border-right:1px solid var(--line)}
.category-status-grid>div:last-child{border-right:0}.category-status-grid b{display:block;margin-top:5px;color:var(--navy)}
.category-status-panel>p{margin:0;padding:18px 24px;color:var(--muted)}
.category-next-actions{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.category-next-actions a{padding:13px;text-align:center;color:var(--blue);font-size:13px;font-weight:800;border-right:1px solid var(--line)}
.category-next-actions a:last-child{border-right:0}.category-next-actions a:hover{background:#eef6ff}
.product-materials{display:grid;grid-template-columns:280px 1fr;gap:0;margin:0 24px 24px;border:1px solid var(--line);scroll-margin-top:110px}
.product-materials>div{padding:24px}.product-materials>div:first-child{color:#fff;background:var(--navy)}
.product-materials .section-kicker{color:#79cbff}.product-materials h2{margin:4px 0 0;font-size:24px}.product-materials strong{color:var(--navy);font-size:18px}.product-materials p{margin:8px 0 0;color:var(--muted)}
@media(max-width:520px){.category-bar{grid-template-columns:repeat(2,1fr)}.category-bar a{min-height:54px;display:grid;place-items:center}.category-status-panel{margin:14px}.category-status-head{display:block;padding:18px}.category-status-head>strong{display:inline-block;margin-top:12px}.category-status-grid{grid-template-columns:1fr}.category-status-grid>div{padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.category-status-grid>div:last-child{border-bottom:0}.category-status-panel>p{padding:15px 18px;font-size:13px}.category-next-actions{grid-template-columns:1fr 1fr}.category-next-actions a{border-bottom:1px solid var(--line)}.product-materials{grid-template-columns:1fr;margin:0 14px 14px}.product-materials>div{padding:19px}.product-materials h2{font-size:21px}}

/* 2026-08-17 21:00: compact service selector before detailed preparation panels. */
.service-center .page-heading{background:#f8fafc}
.service-center .page-heading .section-kicker{margin-bottom:6px}
.service-task-index{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.service-task-index a{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px;border-right:1px solid var(--line);background:#fff}
.service-task-index a:last-child{border-right:0}.service-task-index a:hover{background:#f1f7fd}
.service-task-index b{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:var(--navy)}
.service-task-index span{min-width:0}.service-task-index strong,.service-task-index small{display:block}.service-task-index strong{color:var(--navy)}
.service-task-index small{margin-top:2px;color:var(--muted);font-size:11px}.service-task-index em{color:var(--blue);font-size:12px;font-style:normal;font-weight:800;white-space:nowrap}
@media(max-width:900px){.service-task-index{grid-template-columns:1fr}.service-task-index a{border-right:0;border-bottom:1px solid var(--line)}.service-task-index a:last-child{border-bottom:0}.service-directory{grid-template-columns:1fr}.service-panel{border-right:0;border-bottom:1px solid var(--line)}.service-panel p{min-height:0}}
@media(max-width:520px){.service-center .page-heading{padding:18px 14px}.service-center .page-heading h1{font-size:27px}.service-center .page-heading p:last-child{margin-bottom:0;font-size:13px}.service-task-index a{grid-template-columns:32px minmax(0,1fr) auto;padding:12px 14px}.service-task-index b{width:30px;height:30px}.service-task-index small{font-size:10px}.service-panel{padding:24px 28px;scroll-margin-top:104px}}

/* 2026-08-28 12:00: one compact product-help directory connects existing preparation tasks without implying a knowledge base. */
.product-help-directory{display:grid;grid-template-columns:280px minmax(0,1fr);border-bottom:1px solid var(--line);background:#fff}.product-help-intro{padding:20px 22px;color:#fff;background:var(--navy)}.product-help-intro .section-kicker{margin-bottom:4px;color:#79cbff}.product-help-intro h2{margin:0;font-size:23px;line-height:1.25}.product-help-intro span{display:block;margin-top:7px;color:#c8d8e8;font-size:11px}.product-help-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.product-help-links a{min-width:0;min-height:92px;display:flex;flex-direction:column;justify-content:center;padding:16px;border-left:1px solid var(--line);background:#fff}.product-help-links a:hover,.product-help-links a:focus-visible{background:#eef6ff}.product-help-links strong,.product-help-links small{display:block}.product-help-links strong{color:var(--navy);font-size:14px}.product-help-links small{margin-top:4px;color:var(--muted);font-size:11px}
@media(max-width:900px){.product-help-directory{grid-template-columns:1fr}.product-help-intro{padding:18px 20px}.product-help-links a:first-child{border-left:0}}
@media(max-width:520px){.product-help-intro{padding:14px}.product-help-intro h2{font-size:20px}.product-help-intro span{font-size:10px}.product-help-links{grid-template-columns:1fr 1fr}.product-help-links a{min-height:58px;padding:10px 12px;border-top:1px solid var(--line)}.product-help-links a:nth-child(odd){border-left:0}.product-help-links strong{font-size:13px}.product-help-links small{font-size:10px}}
.ai-tool-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:11px 14px;color:#fff;background:var(--navy);border:0;border-left:5px solid var(--orange);font-weight:900;cursor:pointer}.ai-tool-toggle:after{content:"＋";font-size:20px;line-height:1}.ai-tool-toggle[aria-expanded="true"]:after{content:"－"}.ai-tool-body{margin-top:16px}.ai-auxiliary[data-expanded="false"] .ai-tool-body{display:none}.ai-auxiliary[data-expanded="true"] .ai-tool-body{display:block}.ai-auxiliary[data-expanded="false"]{padding-bottom:22px}
@media(max-width:520px){.ai-auxiliary .section-heading{margin-bottom:14px}.ai-tool-body{margin-top:12px}.ai-auxiliary[data-expanded="false"]{padding-bottom:18px}}


/* 2026-08-20 12:00: customer-task copy and a measurable 375px first-view contract. */
@media(max-width:520px){
  .retail-home .mobile-head{padding:5px 0}
  .retail-home .mobile-brandline{margin-bottom:4px}
  .retail-home .mobile-head .brand-mark{width:30px;height:30px}
  .retail-home .mobile-head .brand-copy strong{font-size:18px}
  .retail-home .mobile-head .search-form input{padding:8px 10px}
  .retail-home .mobile-head .search-form button{min-width:66px}
  .retail-home .catalog-lead{padding:14px 14px 13px}
  .retail-home .retail-label{margin-bottom:3px;font-size:11px}
  .retail-home .catalog-lead h1{font-size:27px;line-height:1.08}
  .retail-home .catalog-lead>p:not(.retail-label){margin:7px 0 9px;line-height:1.4}

  .retail-home .retail-actions{margin-top:9px}
  .retail-home .retail-actions .primary-button,.retail-home .retail-actions .secondary-button{min-height:38px;padding:7px 9px;font-size:13px}
  .retail-home .department h2,.retail-home .service-rail h2{padding:9px 14px;font-size:16px}
  .retail-home .department-list a{min-height:50px;padding:5px 12px}
  .retail-home .department-list strong{font-size:14px}
}

/* 2026-08-20 15:00: preserve all six mobile categories while exposing the next service task heading above the fixed bar. */


/* 2026-08-21 12:00: continuous product-preparation path. */
.purchase-prep{margin:0 24px 24px;border:1px solid var(--line);scroll-margin-top:110px}.purchase-prep-heading{padding:24px;border-bottom:1px solid var(--line);background:#fff8ef}.purchase-prep-heading h2{margin:4px 0;color:var(--navy);font-size:25px}.purchase-prep-heading>p:last-child{margin:8px 0 0;color:var(--muted);font-size:13px}.purchase-prep-list{display:grid;grid-template-columns:repeat(3,1fr)}.purchase-prep-list article{padding:22px;border-right:1px solid var(--line);scroll-margin-top:110px}.purchase-prep-list article:last-child{border-right:0}.purchase-prep-list article:target{background:#f1f7ff;box-shadow:inset 0 4px 0 var(--orange)}.purchase-prep-list h3{margin:0;color:var(--navy);font-size:19px}.purchase-prep-list ul{margin:12px 0 16px;padding-left:20px;color:var(--muted);font-size:12px}.purchase-prep-list li+li{margin-top:5px}.purchase-prep-list a{color:var(--blue);font-size:12px;font-weight:900}
@media(max-width:900px){.purchase-prep-list{grid-template-columns:1fr}.purchase-prep-list article{border-right:0;border-bottom:1px solid var(--line)}.purchase-prep-list article:last-child{border-bottom:0}}
@media(max-width:520px){.purchase-prep{margin:0 14px 14px}.purchase-prep-heading{padding:18px}.purchase-prep-heading h2{font-size:21px}.purchase-prep-list article{padding:18px}}

.purchase-prep-links{grid-column:1/-1;display:grid;grid-template-columns:180px repeat(3,1fr);border-top:1px solid var(--line);background:#fff}.purchase-prep-links span,.purchase-prep-links a{padding:12px 16px;border-right:1px solid var(--line);font-size:12px;font-weight:900}.purchase-prep-links span{color:#a65308;background:#fff8ef}.purchase-prep-links a{color:var(--blue);text-align:center}.purchase-prep-links a:hover{background:#eef6ff}.purchase-prep-links a:last-child{border-right:0}
.purchase-prep-strip{margin-top:14px;border:1px solid var(--line);box-shadow:0 6px 18px rgba(8,43,92,.05)}
@media(max-width:900px){.purchase-prep-links{grid-template-columns:150px repeat(3,1fr)}}
@media(max-width:520px){.purchase-prep-links{grid-template-columns:repeat(3,1fr)}.purchase-prep-links span{display:none}.purchase-prep-links a{padding:11px 4px;font-size:11px}}


/* 2026-08-21 21:00: compact mobile-only repeated navigation and the collapsed auxiliary entry. */
@media(max-width:520px){
  .retail-home .ai-auxiliary[data-expanded="false"]{margin-top:16px;padding:14px;border-top-width:3px}
  .retail-home .ai-auxiliary[data-expanded="false"] .section-heading{margin:0 0 9px}
  .retail-home .ai-auxiliary[data-expanded="false"] .section-heading .section-kicker,
  .retail-home .ai-auxiliary[data-expanded="false"] .section-heading>p:last-child{display:none}
  .retail-home .ai-auxiliary[data-expanded="false"] .section-heading h2{font-size:20px;line-height:1.25}
  .retail-home .ai-auxiliary[data-expanded="false"] .ai-tool-toggle{min-height:42px;padding:8px 11px;font-size:14px}
  .retail-home .site-footer{padding-top:28px;padding-bottom:86px}
  .retail-home .footer-grid{grid-template-columns:1fr;gap:0}
  .retail-home .footer-grid>div:not(:first-child){display:none}
  .retail-home .footer-grid>div:first-child span{max-width:250px}
  .retail-home .footer-note{margin-top:16px;padding-top:14px}
}

/* 2026-08-22 15:00: unavailable service channels are status content, not disabled-looking controls. */
.service-panel .disabled-action{margin:18px 0 0;padding:11px;color:#5d6877;background:#eef1f4;border:1px solid #d5dce4;border-left:4px solid #7d8795;text-align:left}
.service-panel .disabled-action strong{color:#45515f}

/* 2026-08-26 12:00: truthful after-sales policy/channel status; rows are content, never controls. */
#after-sales>p:first-of-type{min-height:0}.after-sales-status{margin:16px 0 0;border:1px solid var(--line);background:#fff}.after-sales-status>div{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(110px,.55fr);border-bottom:1px solid var(--line)}.after-sales-status>div:last-child{border-bottom:0}.after-sales-status dt,.after-sales-status dd{margin:0;padding:10px 12px}.after-sales-status dt{color:var(--navy);font-size:12px;font-weight:800}.after-sales-status dd{display:flex;align-items:center;color:#6d4a19;background:#fff8ef;border-left:1px solid var(--line);font-size:12px;font-weight:800}#after-sales .disabled-action{min-height:0}
@media(max-width:520px){#after-sales{padding:20px 14px}#after-sales>p:first-of-type{font-size:12px}.after-sales-status{margin-top:12px}.after-sales-status>div{grid-template-columns:minmax(0,1fr) 92px}.after-sales-status dt,.after-sales-status dd{padding:8px 9px;font-size:11px;line-height:1.4}#after-sales .disabled-action{margin-top:12px;padding:9px;font-size:11px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 2026-08-22 18:00: real-task recovery for missing routes. */
.not-found-page{background:#f3f5f7}.not-found-page .page-main{padding-bottom:28px}.not-found{min-height:520px;display:grid;place-items:center;padding:28px 0;text-align:left}.not-found-panel{width:min(100%,900px);padding:42px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--navy)}.not-found-code{margin:0 0 8px;color:var(--orange);font-size:13px;font-weight:900;letter-spacing:.06em}.not-found h1{margin:0;color:var(--navy);font-size:36px}.not-found-panel>p:not(.not-found-code,.not-found-status){margin:12px 0 24px;color:var(--muted)}.not-found-actions{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.not-found .not-found-action{display:block;min-width:0;margin:0;padding:18px;color:inherit;border-right:1px solid var(--line);background:#fff}.not-found .not-found-action:last-child{border-right:0}.not-found .not-found-action:hover,.not-found .not-found-action:focus-visible{background:#eef5fc}.not-found .not-found-action strong,.not-found-action span{display:block}.not-found .not-found-action strong{color:var(--navy);font-size:16px}.not-found-action span{margin-top:5px;color:var(--muted);font-size:12px}.not-found-status{margin:18px 0 0;padding:11px 13px;color:#536071;background:#eef1f4;border-left:4px solid #7d8795;font-size:13px}
@media(max-width:900px){.not-found-page .site-header{position:relative}.not-found{min-height:0;padding:18px 0}.not-found-panel{padding:24px}.not-found h1{font-size:30px}.not-found-actions{grid-template-columns:1fr}.not-found .not-found-action{padding:14px 16px;border-right:0;border-bottom:1px solid var(--line)}.not-found .not-found-action:last-child{border-bottom:0}.not-found-page .site-footer{padding-top:24px}}
@media(max-width:520px){.not-found-page .page-main{padding-bottom:10px}.not-found{padding:12px 0}.not-found-panel{padding:16px 14px}.not-found-code{margin-bottom:4px}.not-found h1{font-size:25px}.not-found-panel>p:not(.not-found-code,.not-found-status){margin:7px 0 10px;font-size:13px;line-height:1.45}.not-found .not-found-action{padding:9px 11px}.not-found .not-found-action strong{font-size:15px}.not-found-action span{margin-top:2px;font-size:11px}.not-found-status{margin-top:10px;padding:8px 10px;font-size:11px}.not-found-page .site-footer{display:none}}

/* 2026-08-26 21:00: truthful search recovery when browser scripting is unavailable. */
.no-script-search-help{margin:14px 0 0;padding:22px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--orange);scroll-margin-top:94px}.no-script-search-help .retail-label{margin:0;color:#9a4b05}.no-script-search-help h2{margin:4px 0 7px;color:var(--navy);font-size:22px}.no-script-search-help>p:not(.retail-label){margin:0;color:var(--muted);font-size:13px}.no-script-search-help nav{display:flex;gap:10px;margin-top:14px}.no-script-search-help a{padding:9px 12px;color:var(--navy);background:#f3f7fb;border:1px solid #a9bdd3;font-size:13px;font-weight:800}
@media(max-width:520px){.no-script-search-help{margin-top:10px;padding:16px 14px;scroll-margin-top:82px}.no-script-search-help h2{font-size:19px;line-height:1.35}.no-script-search-help nav{display:grid;grid-template-columns:1fr}.no-script-search-help a{min-height:42px;display:flex;align-items:center}}

/* 2026-08-29 15:00: mobile primary search and retail actions retain 44px touch targets. */
@media(max-width:520px){
  .mobile-head .search-form,.mobile-head .search-form input,.mobile-head .search-form button{min-height:44px}
  .retail-home .retail-entry{margin-top:11px}
  .retail-home .retail-actions .primary-button,.retail-home .retail-actions .secondary-button{min-height:44px}
}

/* 2026-08-31 21:00: remove the duplicated hero priority category directory at every width; the department list and compact category floor remain the canonical browse systems. */


/* 2026-08-30 21:00: connect repair preparation to the existing local-only draft tool without implying online intake. */
.service-next-step{margin:16px 0 0;padding:12px;background:#f7faff;border:1px solid #bfd0e3;border-left:4px solid var(--blue)}
.service-next-action{min-height:44px;display:inline-flex;align-items:center;padding:9px 13px;color:var(--navy);background:#fff;border:1px solid #8da9c7;font-size:13px;font-weight:900}
.service-next-action:hover,.service-next-action:focus-visible{background:#eef6ff}
.service-next-step p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.no-script-tool-help{margin-top:10px;padding:13px;color:var(--navy);background:#fff8ef;border:1px solid #efc798}
.no-script-tool-help p{margin:5px 0;color:var(--muted);font-size:12px}.no-script-tool-help a{font-size:12px;font-weight:900}
@media(max-width:520px){.service-next-step{padding:10px}.service-next-action{width:100%;justify-content:center}.service-next-step p{font-size:10px}}

/* 2026-08-31 12:00: make the unavailable procurement/store shortcut explicit without adding a service capability. */
.retail-home .service-list a.is-status-link{background:#eef1f4;border-left:3px solid #7a8798;box-shadow:inset 0 0 0 1px #d5dce4}
.retail-home .service-list a.is-status-link:hover,.retail-home .service-list a.is-status-link:focus-visible{background:#e6eaee}
.retail-home .service-list a.is-status-link strong{color:#485666}
.retail-home .service-list a.is-status-link small{color:#814b16;font-weight:800}
@media(max-width:520px){
  .retail-home .service-list a.is-status-link{padding-left:8px}
  .retail-home .service-list a.is-status-link small{display:block;margin-top:2px;font-size:9px;line-height:1.2;white-space:normal}
}

/* 2026-09-02 12:00: one canonical category/service system; deep-linked channel state stays visibly distinct. */
.retail-home #channel-status:target{background:#e6eaee;box-shadow:inset 4px 0 0 var(--orange)}
@media(max-width:520px){.retail-home .purchase-prep-strip{margin-top:10px}}

/* 2026-09-02 15:00: original appliance line art grounds the desktop catalog without claiming products; narrow first views stay task-first. */