:root{--teal:#087e83;--teal-dark:#075d61;--navy:#183b40;--ink:#243d40;--muted:#7a8889;--line:#e5eaea;--bg:#f7f9f8;--soft:#edf5f3;--amber:#af781c;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);margin:0;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #73b8b2}input:focus,textarea:focus{border-color:#0000;outline:2px solid #8ac0bb}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:32px;line-height:1.4}h2{font-size:23px;font-weight:600;line-height:1.5}h3{font-size:15px;font-weight:600}small{font-size:12px}svg{flex-shrink:0;display:block}input,textarea{min-width:0}input[type=checkbox]{accent-color:var(--teal);flex-shrink:0;width:17px;height:17px}textarea{resize:vertical}button{background:0 0;border:0}.demo-banner{color:#58716c;letter-spacing:.1px;background:#eaf1ed;justify-content:space-between;gap:12px;min-height:34px;padding:7px 4%;font-size:11px;display:flex}.demo-banner>span{align-items:center;gap:8px;display:flex}.demo-banner i{background:#76a18b;border-radius:50%;width:5px;height:5px}.demo-banner a{color:var(--teal);margin-left:12px;font-weight:600}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:30px;height:94px;padding:0 max(4%,50% - 640px);display:flex}.brand{letter-spacing:2px;white-space:nowrap;align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}.brand-icon{background:var(--teal);color:#fff;border-radius:10px 10px 10px 2px;place-items:center;width:41px;height:43px;font-family:serif;font-size:26px;font-weight:700;display:grid;box-shadow:0 3px #bfd9d0}.brand small{letter-spacing:3.5px;color:var(--muted);margin-top:-2px;font-size:10px;font-weight:400;display:block}.desktop-nav{align-self:stretch;gap:34px;display:flex}.nav-item{color:#718080;align-items:center;gap:9px;font-size:13px;transition:all .2s;display:flex;position:relative}.desktop-nav .nav-item.active{color:var(--teal);font-weight:600}.desktop-nav .nav-item.active:after{content:"";background:var(--teal);border-radius:3px;height:3px;position:absolute;bottom:0;left:25px;right:0}.top-actions{align-items:center;gap:14px;font-size:12px;display:flex}.service-top{align-items:center;gap:8px;display:flex}.count{background:var(--teal);color:#fff;border-radius:20px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:10px;font-weight:500;display:inline-flex}.content{width:92%;max-width:1280px;margin:auto;padding:34px 0 70px}.hero{background:#f0efe8;border-radius:18px;grid-template-columns:1fr 1fr;min-height:440px;display:grid;overflow:hidden}.hero-copy{flex-direction:column;align-items:flex-start;padding:50px 50px 27px 55px;display:flex;position:relative}.eyebrow{letter-spacing:2px;color:#81918b;margin-bottom:10px;font-size:10px;font-weight:600;display:block}.hero h1{letter-spacing:1px;color:#20483e;margin:10px 0 18px;font-size:45px;font-weight:600;line-height:1.5}.hero h1>span{color:#9ca67d}.hero-copy p{color:#7b897e;margin-bottom:27px;font-size:13px;line-height:1.9}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:11px;min-height:44px;padding:11px 21px;font-size:13px;font-weight:500;line-height:1.5;transition:background .2s,transform .2s;display:inline-flex}.primary{background:var(--teal);color:#fff;box-shadow:0 3px 7px #087e8310}.primary:hover{background:var(--teal-dark)}.secondary{color:var(--teal-dark);background:#fff;border:1px solid #d1dfdc}.secondary:hover{background:#f0f7f4}.full{width:100%}.hero-foot{color:#939b8f;gap:30px;width:100%;margin-top:auto;padding-top:28px;font-size:10px;display:flex}.hero-art{background:#e5e7dd;position:relative;overflow:hidden}.hero-art>svg{width:100%;height:100%;max-height:500px;padding:30px 20px 0}.hero-product{color:#355045;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute;bottom:28px;left:32px;right:32px}.hero-product b{align-items:center;gap:18px;font-size:18px;font-weight:500;display:flex}.hero-product a{border:1px solid #aebdad;border-radius:50%;place-items:center;width:32px;height:32px;font-size:19px;display:grid}.floating-tag{letter-spacing:3px;text-align:right;color:#617b69;font-size:10px;position:absolute;top:32px;right:25px}.floating-tag b{letter-spacing:1px;font-size:11px;font-weight:400}.service-strip{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:16px;margin:22px 0 45px;padding:20px 25px;display:flex}.round-icon{background:var(--soft);color:var(--teal);border-radius:50%;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.service-strip>div{flex:1}.service-strip b{margin-bottom:2px;font-size:13px;display:block}.service-strip div>span{color:var(--muted);font-size:12px}.text-button,.text-link{color:var(--teal);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.text-button:hover,.text-link:hover{color:#044e52;text-decoration:underline}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.section-head .eyebrow{margin-bottom:7px}.muted{color:var(--muted)}.section-head>.muted{font-size:12px}.catalog{scroll-margin-top:24px}.catalog-tools{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.tabs{gap:8px;display:flex}.tabs button{color:#81918e;white-space:nowrap;border-radius:6px;padding:8px 23px;font-size:12px}.tabs button.selected{background:var(--teal);color:#fff}.tabs button:not(.selected):hover{background:#e9eeeb}.search{border:1px solid var(--line);color:#8a9a95;background:#fff;border-radius:7px;align-items:center;gap:10px;width:100%;max-width:280px;padding:8px 12px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;font-size:12px}.search input::placeholder{color:#94a09e}.search button{padding:0 2px;font-size:19px;line-height:1}.product-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.product-image{border-radius:10px;position:relative;overflow:hidden}.product-image>svg{width:100%;height:auto;transition:transform .4s}.product-card:hover .product-image>svg{transform:scale(1.035)}.product-tag{letter-spacing:1px;color:#607163;background:#ffffffae;border-radius:3px;padding:4px 9px;font-size:10px;position:absolute;top:15px;left:15px}.product-open{color:#527868;background:#ffffffd9;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 3px 8px #00000008}.product-info{padding:16px 1px 0}.product-info>small{color:#8d9992;font-size:10px}.product-info h3{margin:5px 0 8px;font-size:15px}.product-info>div{justify-content:space-between;align-items:center;display:flex}.product-info b{font-size:16px;font-weight:600}.product-info div>span{color:#98a19c;font-size:10px}.footer{border-top:1px solid var(--line);color:#96a19d;justify-content:space-between;align-items:center;gap:20px;width:92%;max-width:1280px;margin:auto;padding:24px 0 28px;font-size:10px;display:flex}.footer-brand{color:#527567;font-size:15px;font-weight:600}.footer-brand>span{letter-spacing:1px;color:#96a19d;margin-left:15px;font-size:10px;font-weight:400}.mobile-nav,.mobile-cart{display:none!important}.breadcrumb{color:#9ba6a2;gap:12px;margin:2px 0 24px;font-size:11px;display:flex}.breadcrumb a{color:#678075}.breadcrumb>span:last-child{color:#4d6960}.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-title h1{letter-spacing:0;font-size:29px}.page-title p{color:var(--muted);margin-top:10px;font-size:12px}.pill{white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;display:inline-flex}.pill i{background:currentColor;border-radius:50%;width:5px;height:5px}.neutral{color:#638276;background:#eaf3f0}.amber{color:#b3832d;background:#fff3d9}.green{color:#4c845a;background:#e4f1e6}.product-detail{grid-template-columns:1.05fr 1fr;align-items:start;gap:65px;padding-bottom:20px;display:grid}.main-art{border-radius:12px;position:relative;overflow:hidden}.main-art>svg{width:100%;height:auto}.gallery-caption{text-align:center;letter-spacing:2px;color:#7e8980;font-size:9px;position:absolute;bottom:18px;left:0;right:0}.thumbnails{align-items:center;gap:13px;margin-top:15px;display:flex}.thumbnails button{border:1px solid #0000;border-radius:7px;width:73px;padding:3px;overflow:hidden}.thumbnails button.chosen{border-color:var(--teal)}.thumbnails svg{border-radius:4px;width:100%;height:auto}.thumbnails>span{color:#95a098;margin-left:auto;font-size:10px;line-height:1.9}.product-options{padding-top:14px}.product-options h1{letter-spacing:0;margin:14px 0 9px;font-size:29px;font-weight:600}.product-description{color:#8a9790;font-size:13px}.detail-price{border-bottom:1px solid var(--line);color:var(--teal-dark);align-items:center;gap:20px;margin:25px 0 28px;padding-bottom:26px;font-size:27px;font-weight:600;display:flex}.detail-price span{color:#8e9a94;font-size:10px;font-weight:400}.option-group{margin:23px 0}.option-label{margin-bottom:12px;font-size:12px;font-weight:500}.option-label>span{color:#93a099;margin-left:15px;font-weight:400}.options{flex-wrap:wrap;gap:10px;display:flex}.options button{background:#fff;border:1px solid #dbe3df;border-radius:5px;align-items:center;gap:9px;padding:9px 17px;font-size:12px;display:flex}.options button.chosen{border-color:var(--teal);color:var(--teal);background:#eff6f2}.options i{border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #0000000d}.sizes button{justify-content:center;min-width:48px}.quantity{background:#fff;border:1px solid #dce4e0;border-radius:5px;align-items:center;width:107px;height:34px;display:inline-flex}.quantity button{place-items:center;width:32px;height:32px;display:grid}.quantity output{text-align:center;flex:1;font-size:12px}.qty-row{align-items:center;gap:25px;font-size:12px;display:flex}.product-cta{gap:12px;margin-top:30px;display:flex}.product-cta .primary{flex:1}.product-cta .secondary{min-width:135px}.inline-info{color:#7c9185;align-items:flex-start;gap:10px;padding:17px 0;font-size:11px;display:flex}.inline-info svg{width:17px;height:17px}.product-options details{border-top:1px solid var(--line);padding:17px 0;font-size:12px}.product-options summary{cursor:pointer;color:#536d5d;justify-content:space-between;list-style:none;display:flex}.product-options summary:after{content:"+"}.product-options details[open] summary:after{content:"−"}.product-options details p{color:#8d9b91;margin-top:12px;font-size:11px;line-height:1.9}.two-column{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:26px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:23px 25px;display:flex}.panel-heading h2{font-size:18px}.panel-heading p{color:var(--muted);margin-top:4px;font-size:11px}.panel-heading>.muted{font-size:10px}.cart-row{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:27px 25px;display:flex}.item-art{border-radius:8px;flex-shrink:0;width:95px;height:96px;overflow:hidden}.item-art svg{width:100%;height:100%}.item-main{flex:1}.item-main p{color:var(--muted);margin:6px 0;font-size:11px}.item-main .quantity{margin-top:9px}.unit-price{color:#8c9792;font-size:11px;display:block}.item-end{flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;font-size:15px;display:flex}.icon-button{border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.icon-button:hover{background:var(--soft)}.panel-bottom{color:#97a397;align-items:center;gap:9px;padding:18px 25px;font-size:11px;display:flex}.summary{padding:27px 25px;position:sticky;top:20px}.summary h2{margin:4px 0 24px;font-size:19px}.sum-row{color:#819088;justify-content:space-between;gap:10px;margin:16px 0;font-size:12px;display:flex}.sum-row b{color:var(--ink);font-weight:500}.sum-row small{font-size:10px}.sum-total{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin:23px 0;padding-top:22px;font-size:13px;display:flex}.sum-total strong{color:var(--teal);font-size:26px}.fine-print{text-align:center;color:#9ba49f;margin-top:12px;font-size:10px;line-height:1.8}.avatar{color:#517653;background:#e2ebe1;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:15px;display:grid}.avatar.small{width:31px;height:31px;font-size:12px}.summary-service{border-top:1px solid var(--line);align-items:center;gap:11px;margin-top:24px;padding-top:22px;display:flex}.summary-service b{font-size:11px}.summary-service small{color:#98a396;margin-top:2px;font-size:9px;display:block}.stack{flex-direction:column;gap:22px;min-width:0;display:flex}.form-panel{padding:25px}.form-panel>h3{margin-bottom:20px}.form-panel label:not(.checkbox){margin:17px 0;font-size:12px;display:block}.form-panel input:not([type=checkbox]),.form-panel textarea{width:100%;color:var(--ink);background:#fcfdfb;border:1px solid #dde5df;border-radius:6px;margin-top:10px;padding:11px 13px;font-size:12px;display:block}.form-panel textarea:disabled{color:#839089;background:#f5f7f4}.required{color:#c57660}.input-counter{text-align:right;color:#98a197;margin-top:5px;font-size:10px;display:block}.checkbox{color:#7b8a7e;align-items:flex-start;gap:9px;margin:18px 0;font-size:11px;line-height:1.8;display:flex}.checkbox input{margin:2px 0 0}.soft-notice{color:#6a8a77;background:#eff6f2;border:1px solid #e6efe8;border-radius:7px;margin:14px 0;padding:15px;font-size:11px;line-height:1.9}.soft-notice b{color:#51745e;font-size:12px}.soft-notice p{margin-top:5px}.small-text{font-size:10px}.field-error{color:#bd584d;margin:10px 0;font-size:12px}.summary-item{border-bottom:1px solid #edf0eb;align-items:center;gap:16px;padding:20px 24px;display:flex}.summary-item:last-child{border-bottom:0}.summary-item .item-art{width:68px;height:70px}.summary-item>div:nth-child(2){flex:1}.summary-item h3{font-size:13px}.summary-item p{color:#8d998f;margin:4px 0;font-size:11px}.summary-item p span{margin-left:15px}.summary-item small{color:#a0aa9f;font-size:10px}.summary-item>b{font-size:13px;font-weight:500}.success-page{text-align:center;max-width:700px;margin:16px auto}.success-icon{color:var(--teal);background:#e2f0e7;border-radius:50%;place-items:center;width:84px;height:84px;margin:8px auto 25px;display:grid}.success-page>h1{letter-spacing:3px;font-size:31px;font-weight:600}.success-page>p{color:#8d9e91;margin:12px 0 28px;font-size:12px}.success-card{text-align:left}.success-card small{color:#8e9f91;font-size:11px}.success-card h3{margin-top:3px}.success-total{border-top:1px solid var(--line);color:#7e9584;justify-content:flex-end;align-items:center;gap:25px;padding:20px 25px;font-size:12px;display:flex}.success-total b{color:var(--teal);font-size:20px}.success-service{background:#f5f8f3;align-items:center;gap:14px;padding:22px 25px;font-size:12px;display:flex}.success-service p{margin:5px 0;font-size:11px}.success-service small{font-size:10px}.success-actions{justify-content:center;gap:13px;margin-top:25px;display:flex}.staff-app{--bg:#f5f7f7}.staff-app .demo-banner{z-index:5;position:relative}.sidebar{color:#d0e1dc;background:#193f43;flex-direction:column;width:215px;padding:29px 20px;display:flex;position:fixed;top:34px;bottom:0}.sidebar .brand{color:#fff;letter-spacing:1px;gap:10px;font-size:20px}.sidebar .brand-icon{box-shadow:none;background:#548779;width:35px;height:38px;font-size:23px}.sidebar .brand small{color:#8aaea2;letter-spacing:2px;margin-top:4px;font-size:9px}.sidebar-label{color:#709388;letter-spacing:2px;margin:43px 15px 14px;font-size:10px}.sidebar .nav-item{color:#c0d4cd;border-radius:7px;padding:13px 16px;font-size:12px}.sidebar .nav-item.active{color:#fff;background:#ffffff12;border-left:3px solid #89b2a6;padding-left:13px}.sidebar-note{color:#7fa297;border:1px solid #ffffff12;border-radius:9px;margin-top:25px;padding:15px}.sidebar-note p{margin-top:10px;font-size:10px;line-height:2}.sidebar-bottom{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:auto;padding-top:20px;font-size:12px;display:flex}.sidebar-bottom small{color:#8eac9e;margin-top:3px;font-size:9px;display:block}.sidebar-bottom .avatar{color:#d4dfd3;background:#47685e;width:32px;height:32px;font-size:12px}.staff-app .main-shell{margin-left:215px}.staff-app .topbar{height:78px;padding:0 35px}.staff-heading .eyebrow{margin:0;font-size:8px}.staff-heading strong{font-size:12px;font-weight:500}.staff-app .content{max-width:1350px;padding-top:33px}.staff-app .footer{font-size:9px}.workspace-greeting{justify-content:space-between;align-items:center;gap:15px;margin:6px 0 30px;display:flex}.workspace-greeting h1{letter-spacing:0;font-size:27px}.workspace-greeting .eyebrow{letter-spacing:1px;font-size:10px}.workspace-greeting p{color:#8c9a93;margin-top:9px;font-size:11px}.greeting-sun{color:#baab78;padding-left:10px;font-size:24px}.date-chip{color:#8c9b90;border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 13px;font-size:11px}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}.stat-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:11px;justify-content:space-between;gap:12px;padding:23px;transition:all .2s;display:flex}.stat-card:hover,.stat-selected{border-color:#abc8ba;box-shadow:0 3px 12px #285d4108}.stat-card span{color:#779082;font-size:12px}.stat-card strong{color:#21483c;margin:13px 0;font-size:35px;font-weight:500;line-height:1.2;display:block}.stat-card strong small{color:#9aa79a;margin-left:8px;font-size:10px;font-weight:400}.stat-card p{color:#9ba59b;font-size:10px}.stat-icon{background:#edf6f0;border-radius:12px;place-items:center;width:48px;height:48px;display:grid;color:var(--teal)!important}.stat-icon.amber{background:#fbf5e6;color:#b09c63!important}.work-list .panel-heading{border:0;padding:24px 25px 16px}.work-tools{justify-content:space-between;align-items:center;gap:15px;padding:0 25px 19px;display:flex}.work-tools .tabs{gap:0}.work-tools .tabs button{padding:8px 12px;font-size:11px}.work-tools .tabs small{opacity:.6;margin-left:6px;font-size:9px}.work-tools .tabs button.selected{background:var(--soft);color:var(--teal)}.work-tools .search{max-width:225px;font-size:11px}.table-wrap{overflow:auto}.requests-table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%;font-size:11px}.requests-table th{color:#7b8e7e;background:#f4f7f4;padding:13px 19px;font-size:10px;font-weight:500}.requests-table td{border-bottom:1px solid #edf0eb;padding:21px 19px}.requests-table td>span:not(.pill){color:#9fa99e;margin-top:4px;font-size:9px;display:block}.requests-table td>b{font-weight:500}.table-product{align-items:center;gap:10px;font-size:10px;display:flex}.table-product small{color:#a1aa9c;margin-top:4px;font-size:9px;display:block}.tiny-art{border-radius:5px;width:35px;height:37px;overflow:hidden}.tiny-art svg{width:100%;height:100%}.requests-table td .external-status{color:#99a397!important;font-size:10px!important}.workspace-note{border:1px solid var(--line);color:#78967c;background:#f0f5f0;border-radius:10px;align-items:center;gap:15px;margin-top:24px;padding:21px 24px;display:flex}.workspace-note b{font-size:12px;font-weight:500}.workspace-note p{color:#96a493;margin-top:4px;font-size:10px}.workspace-note>a{white-space:nowrap;margin-left:auto}.on{color:var(--teal);background:var(--soft)}.workflow{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:25px;padding:24px;display:flex}.workflow>div{color:#a7b0a4;align-items:center;gap:10px;font-size:12px;display:flex}.workflow>div>b{background:#f0f3ed;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;font-weight:500;display:grid}.workflow small{color:#a4aea0;margin-top:3px;font-size:9px;display:block}.workflow .complete{color:#487c60}.workflow .complete>b{color:#fff;background:#53866a}.workflow .current>b{color:#fff;background:var(--teal)}.workflow .current{color:var(--teal)}.workflow>i{background:var(--line);flex:1;height:1px}.request-columns{grid-template-columns:minmax(0,1fr) 290px}.form-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:23px;display:flex}.customer-card{padding:24px}.customer-heading{align-items:center;gap:13px;margin:19px 0 25px;display:flex}.customer-heading p{color:#a0ab9d;margin-top:6px;font-size:10px}.customer-card label{color:#8b9b87;font-size:10px}.customer-note{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f8f3;border-radius:6px;margin-top:10px;padding:13px;font-size:11px;line-height:1.9}.history{margin:0;padding:0;list-style:none}.history li{gap:14px;padding:12px 0;display:flex;position:relative}.history li:not(:last-child):before{content:"";background:#dbe6d8;width:1px;position:absolute;top:20px;bottom:-12px;left:3px}.history li>i{z-index:1;background:#8bad91;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.history b{font-size:11px;font-weight:400}.history small{color:#9fa99b;margin-top:4px;font-size:9px;display:block}.empty{text-align:center;background:#fff;border:1px dashed #dce6dd;border-radius:12px;flex-direction:column;align-items:center;padding:70px 20px;display:flex}.empty-icon{background:var(--soft);color:#7f9f83;border-radius:50%;margin-bottom:23px;padding:20px}.empty h2{font-size:21px;font-weight:500}.empty p{color:#91a08d;margin:12px 0 26px;font-size:12px}.toast{color:#fff;z-index:100;background:#23483d;border-radius:9px;align-items:center;gap:12px;max-width:90%;padding:13px 22px;font-size:12px;display:flex;position:fixed;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #12382925}.loading{color:#879787;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;display:flex}.error{color:#8e661f;background:#fff0d4;padding:12px 25px}.modal-backdrop{z-index:99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#173e3b65;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;max-width:470px;padding:32px;box-shadow:0 20px 80px #17382b30}.modal h2{margin:17px 0 13px;font-size:22px}.modal p{color:#8b9989;font-size:12px;line-height:1.9}.mobile-cart{position:relative}@media (min-width:1450px){.hero{min-height:465px}.product-grid{grid-template-columns:repeat(4,1fr)}.hero h1{font-size:48px}}@media (max-width:1100px){.desktop-nav{gap:20px}.service-top{display:none}.hero-copy{padding:35px}.hero h1{font-size:36px}.product-detail{gap:35px}.product-options h1{font-size:25px}.two-column{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.summary{padding:23px 20px}.sidebar{width:185px;padding:28px 16px}.sidebar .brand{font-size:17px}.staff-app .main-shell{margin-left:185px}.staff-app .topbar{padding:0 25px}.request-columns{grid-template-columns:minmax(0,1fr)}.request-columns>aside{grid-template-columns:1fr 1fr;display:grid}.stat-card{padding:18px 16px}.stat-icon{width:37px;height:37px}.stat-card p{font-size:9px}.work-tools{flex-wrap:wrap}.workflow{gap:10px;padding:20px 17px}.workflow>div{gap:6px;font-size:10px}.workflow small{font-size:8px}.workspace-greeting h1{font-size:24px}.date-chip{display:none}.demo-banner{font-size:10px}}@media (max-width:760px){body{font-size:13px}.demo-banner{flex-wrap:wrap;gap:3px;padding:7px 4%;font-size:9px}.demo-banner>span:last-child{justify-content:space-between;width:100%}.demo-banner a{margin:0}.topbar{gap:10px;height:77px;padding:0 5%}.brand{font-size:21px}.brand-icon{width:35px;height:38px;font-size:23px}.brand small{letter-spacing:3px;font-size:8px}.desktop-nav{display:none}.mobile-cart{display:flex!important}.mobile-cart .count{width:17px;height:17px;font-size:9px;position:absolute;top:-2px;right:-3px}.top-actions{gap:8px}.content{width:90%;padding-top:20px;padding-bottom:35px}.hero{border-radius:12px;grid-template-columns:1fr;min-height:0}.hero-copy{padding:28px 27px}.hero h1{margin:5px 0 12px;font-size:32px;line-height:1.45}.hero-copy p{margin-bottom:20px;font-size:11px;line-height:1.8}.hero-copy p br{display:none}.hero .eyebrow{letter-spacing:1.7px;font-size:8px}.hero-copy .button{min-height:38px;padding:8px 15px;font-size:11px}.hero-foot{display:none}.hero-art{height:260px}.hero-art>svg{object-fit:contain;height:100%;padding:0 30px 5px}.hero-product{font-size:10px;bottom:15px;left:22px;right:22px}.hero-product b{gap:9px;font-size:15px}.floating-tag{font-size:8px;top:15px;right:18px}.floating-tag b{font-size:8px}.service-strip{flex-wrap:wrap;gap:11px;margin:16px 0 29px;padding:14px}.service-strip b{font-size:11px}.service-strip div>span{font-size:10px;display:block}.service-strip>.text-button{margin-left:auto;font-size:10px}.round-icon{width:34px;height:34px}.section-head{margin-bottom:18px}.section-head h2{font-size:20px}.section-head>.muted{display:none}.eyebrow{letter-spacing:1.6px;font-size:8px}.catalog-tools{flex-direction:column;align-items:stretch;gap:13px;margin-bottom:18px}.catalog-tools .tabs{justify-content:space-between}.tabs button{padding:7px 18px;font-size:11px}.search{max-width:none;padding:9px 12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.product-tag{padding:3px 6px;font-size:8px;top:9px;left:9px}.product-open{width:27px;height:27px;bottom:10px;right:10px}.product-open svg{width:17px;height:17px}.product-info{padding-top:10px}.product-info h3{margin:5px 0;font-size:12px}.product-info>small{font-size:8px}.product-info b{font-size:13px}.product-info div>span{font-size:8px}.footer{flex-direction:column;align-items:flex-start;gap:7px;width:90%;padding:22px 0 95px;font-size:9px}.footer-brand{font-size:14px}.footer-brand>span{font-size:9px}.mobile-nav{z-index:30;height:67px;padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffed;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;display:flex!important}.mobile-nav .nav-item{color:#8d9c8c;flex-direction:column;gap:4px;min-width:48px;font-size:9px}.mobile-nav .active{color:var(--teal)}.mobile-nav .count{width:15px;min-width:15px;height:15px;font-size:8px;position:absolute;top:0;right:0}.breadcrumb{margin-bottom:19px;font-size:10px}.product-detail{grid-template-columns:1fr;gap:20px}.main-art>svg{max-height:380px}.product-options{padding-top:0}.product-options h1{font-size:26px}.thumbnails{gap:8px;margin-top:9px}.thumbnails button{width:58px}.thumbnails>span{font-size:9px}.detail-price{margin:20px 0;font-size:27px}.option-group{margin:21px 0}.product-cta{gap:8px;margin-top:25px}.product-cta .button{padding:12px;font-size:12px}.product-cta .secondary{min-width:105px}.product-description{font-size:12px}.page-title{align-items:flex-start;margin-bottom:22px}.page-title h1{word-break:break-word;font-size:24px}.page-title p{margin-top:8px;font-size:11px;line-height:1.8}.page-title>.pill{align-self:center;padding:5px 8px;font-size:9px}.two-column{grid-template-columns:minmax(0,1fr);gap:20px}.summary{padding:23px;position:static}.summary h2{margin-bottom:20px;font-size:18px}.panel-heading{padding:18px}.cart-row{gap:13px;padding:21px 17px}.item-art{width:75px;height:83px}.item-main h3{font-size:12px}.item-main p{margin:4px 0;font-size:10px}.item-end{font-size:12px}.quantity{width:95px;height:30px}.quantity button{width:28px;height:28px}.unit-price{font-size:10px}.panel-bottom{padding:15px 18px;font-size:10px}.panel-heading h3{font-size:14px}.summary-item{gap:11px;padding:19px 16px}.summary-item .item-art{width:59px;height:64px}.summary-item h3{font-size:11px}.summary-item p,.summary-item small{font-size:9px}.summary-item>b{font-size:11px}.summary-item p span{margin-left:7px}.form-panel{padding:20px}.form-panel input:not([type=checkbox]),.form-panel textarea{font-size:13px}.success-page{margin:10px auto}.success-page>h1{font-size:27px}.success-page>p{font-size:11px}.success-service{gap:10px;padding:18px}.success-service p{font-size:10px}.success-service small{font-size:9px}.success-actions{flex-direction:column}.success-total{padding:16px 19px;font-size:11px}.success-total b{font-size:19px}.sidebar{display:none}.staff-app .main-shell{margin:0}.staff-app .topbar{height:67px;padding:0 5%}.staff-heading strong{font-size:11px}.hide-mobile{display:none}.staff-app .content{padding-top:23px}.staff-app .footer{padding-bottom:30px}.workspace-greeting{margin:0 0 23px}.workspace-greeting h1{font-size:23px}.workspace-greeting .eyebrow{font-size:9px}.workspace-greeting p{font-size:10px}.stats{gap:9px;margin-bottom:22px}.stat-card{padding:14px 10px;display:block}.stat-card span{white-space:nowrap;font-size:10px}.stat-card strong{margin:10px 0;font-size:27px}.stat-card p{font-size:8px;line-height:1.7}.stat-card .stat-icon{display:none}.work-list .panel-heading{padding:20px 16px 16px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:9px}.work-tools{gap:12px;padding:0 15px 16px}.work-tools .tabs{justify-content:space-between;width:100%}.work-tools .tabs button{padding:7px;font-size:10px}.work-tools .tabs small{margin-left:3px}.work-tools .search{max-width:none}.requests-table thead{display:none}.requests-table,.requests-table tbody{display:block}.requests-table tr{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:9px;padding:18px;display:grid;position:relative}.requests-table td{white-space:normal;border:0;padding:0}.requests-table td:first-child{grid-column:1/-1;margin-bottom:4px;font-size:12px}.requests-table td:nth-child(2){grid-column:1/-1;margin-bottom:5px}.requests-table td:nth-child(3){font-size:12px;position:absolute;top:19px;right:18px}.requests-table td:nth-child(4){grid-area:3/1}.requests-table td:nth-child(5){grid-area:4/1}.requests-table td:nth-child(6){grid-area:3/2/5;place-self:center end}.requests-table td:nth-child(6) a{font-size:11px}.requests-table td .external-status:before{content:"好卖+："}.table-product{font-size:11px}.tiny-art{width:37px;height:40px}.workspace-note{flex-wrap:wrap;gap:10px;padding:18px}.workspace-note b{font-size:11px}.workspace-note p{font-size:9px}.workspace-note>a{font-size:10px}.workflow{grid-template-columns:1fr 1fr;gap:19px;padding:20px;display:grid}.workflow>i{display:none}.workflow>div{gap:10px;font-size:11px}.workflow small{font-size:9px}.request-columns>aside{grid-template-columns:1fr}.form-actions{flex-wrap:wrap;gap:9px}.form-actions .button{white-space:nowrap;flex:1;padding:10px;font-size:11px}.customer-card{padding:22px}.toast{white-space:normal;min-width:200px;max-width:90%;padding:13px 18px;font-size:11px;bottom:85px}.staff-app .toast{bottom:25px}.empty{padding:50px 17px}.empty h2{font-size:19px}.empty p{font-size:11px}.modal{padding:25px}.modal h2{font-size:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
