:root{--b2b-ink:#142b4a;--b2b-blue:#005bac;--b2b-sky:#eaf4fb;--b2b-red:#bd1e2d;--b2b-gold:#cf9b36;--b2b-line:#dbe3ea;--b2b-muted:#526474;--b2b-bg:#f6f8fa;--b2b-white:#fff}
*{box-sizing:border-box}
body.b2b{margin:0;background:var(--b2b-bg);color:var(--b2b-ink);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;line-height:1.65}
body.b2b a{color:inherit;text-decoration:none}
body.b2b button,body.b2b input,body.b2b select{font:inherit}
.b2b-wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.b2b-notice{background:var(--b2b-ink);color:#fff;padding:7px 20px;text-align:center;font-size:.82rem;letter-spacing:.02em}
.b2b-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.98);border-bottom:1px solid var(--b2b-line);backdrop-filter:blur(10px)}
.b2b-header__inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.b2b-brand{display:flex;align-items:center;gap:10px;font-weight:950;font-size:1.45rem;letter-spacing:-.05em;color:var(--b2b-blue)}
.b2b-brand__square{display:grid;place-items:center;width:38px;height:38px;background:var(--b2b-blue);color:#fff;font-size:1rem;letter-spacing:0}
.b2b-brand small{display:block;font-size:.56rem;color:var(--b2b-ink);letter-spacing:.16em;margin-top:-2px}
.b2b-nav{display:flex;align-items:center;gap:24px;font-size:.92rem;font-weight:800}
.b2b-nav a:hover,.b2b-nav a:focus-visible{color:var(--b2b-blue)}
.b2b-quote-link{position:relative;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--b2b-blue);padding:8px 12px;color:var(--b2b-blue)!important}
.b2b-quote-count{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--b2b-red);color:#fff;font-size:.7rem}
.b2b-hero{background:linear-gradient(120deg,#e6eff4 0%,#f8f6ee 51%,#e9e0c6 100%);border-bottom:1px solid var(--b2b-line);overflow:hidden}
.b2b-hero__grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:center;padding:62px 0}
.b2b-eyebrow{margin:0 0 12px;color:var(--b2b-blue);font-size:.76rem;letter-spacing:.15em;font-weight:950}
.b2b-hero h1{margin:0;color:var(--b2b-ink);font-size:clamp(2.35rem,5vw,4.5rem);letter-spacing:-.075em;line-height:1.08}
.b2b-hero h1 span{display:block;color:var(--b2b-blue)}
.b2b-lead{max-width:550px;margin:20px 0 28px;color:#405362;font-size:1.05rem}
.b2b-actions{display:flex;gap:12px;flex-wrap:wrap}
.b2b-btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:10px 18px;border:1px solid var(--b2b-blue);background:var(--b2b-blue);color:#fff;font-weight:900;cursor:pointer}
.b2b-btn:hover,.b2b-btn:focus-visible{background:#00447f;border-color:#00447f}
.b2b-btn--outline{background:transparent;color:var(--b2b-blue)}
.b2b-btn--outline:hover,.b2b-btn--outline:focus-visible{background:#fff}
.b2b-hero__image{position:relative;background:#fff;padding:14px;border:1px solid rgba(20,43,74,.15);box-shadow:0 22px 50px rgba(20,43,74,.16)}
.b2b-hero__image img{display:block;width:100%;height:auto}
.b2b-image-label{position:absolute;left:-14px;bottom:22px;background:var(--b2b-red);padding:10px 15px;color:#fff;font-size:.8rem;font-weight:900;letter-spacing:.04em}
.b2b-section{padding:76px 0}
.b2b-section--white{background:#fff}
.b2b-section__head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}
.b2b-section__head h2{margin:0;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.045em;line-height:1.25}
.b2b-section__head p:not(.b2b-eyebrow){max-width:510px;margin:0;color:var(--b2b-muted);font-size:.95rem}
.b2b-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.b2b-feature{min-height:198px;padding:24px;border-top:4px solid var(--b2b-blue);background:#fff;box-shadow:0 9px 24px rgba(20,43,74,.08)}
.b2b-feature:nth-child(2){border-color:var(--b2b-gold)}
.b2b-feature:nth-child(3){border-color:var(--b2b-red)}
.b2b-feature b{display:block;font-size:1.15rem}
.b2b-feature p{margin:10px 0 0;color:var(--b2b-muted);font-size:.9rem}
.b2b-feature__no{display:block;margin-bottom:20px;color:var(--b2b-blue);font-size:.78rem;font-weight:950;letter-spacing:.14em}
.b2b-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--b2b-line);background:#fff}
.b2b-step{position:relative;padding:23px 20px;min-height:167px;border-right:1px solid var(--b2b-line)}
.b2b-step:last-child{border:0}
.b2b-step__no{display:block;color:var(--b2b-gold);font-weight:950;font-size:.76rem;letter-spacing:.1em}
.b2b-step h3{margin:10px 0 5px;font-size:1.04rem}
.b2b-step p{margin:0;color:var(--b2b-muted);font-size:.87rem}
.b2b-series{display:grid;grid-template-columns:1.07fr .93fr;gap:38px;align-items:center}
.b2b-series__image{background:#ecece3;border:1px solid var(--b2b-line);padding:18px}
.b2b-series__image img{display:block;width:100%;height:auto}
.b2b-series__copy h2{margin:0 0 14px;font-size:2.1rem;letter-spacing:-.05em}
.b2b-checks{list-style:none;padding:0;margin:22px 0;display:grid;gap:9px}
.b2b-checks li{position:relative;padding-left:24px;color:var(--b2b-muted)}
.b2b-checks li::before{position:absolute;left:0;content:"✓";color:var(--b2b-blue);font-weight:950}
.b2b-panel{padding:26px;background:#fff;border:1px solid var(--b2b-line);box-shadow:0 10px 24px rgba(20,43,74,.06)}
.b2b-panel h2{margin:0 0 8px;font-size:1.65rem}
.b2b-panel p{color:var(--b2b-muted)}
.b2b-product-head{padding:56px 0 86px;background:linear-gradient(120deg,#eff6fb,#fff 60%,#f7f0dd)}
.b2b-product-head h1{margin:0;font-size:clamp(2.2rem,4.5vw,3.7rem);letter-spacing:-.07em}
.b2b-product-head p:not(.b2b-eyebrow){max-width:680px;margin:12px 0 0;color:var(--b2b-muted)}
.b2b-catalogue{margin-top:-40px}
.b2b-catalogue__box{padding:24px;background:#fff;border:1px solid var(--b2b-line);box-shadow:0 16px 36px rgba(20,43,74,.1)}
.b2b-catalogue__image{margin:20px 0 0;background:#eeece2;padding:16px;border:1px solid var(--b2b-line)}
.b2b-catalogue__image img{display:block;width:100%;height:auto}
.b2b-data-note{display:flex;align-items:start;gap:9px;margin:17px 0 0;padding:13px 14px;background:#fff4dc;color:#5e4b24;border-left:4px solid var(--b2b-gold);font-size:.87rem}
.b2b-data-note strong{white-space:nowrap}
.b2b-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}
.b2b-use-card{padding:20px;background:#fff;border:1px solid var(--b2b-line)}
.b2b-use-card h3{margin:0 0 7px;font-size:1.05rem}
.b2b-use-card p{margin:0;color:var(--b2b-muted);font-size:.9rem}
.b2b-form{display:grid;gap:15px}
.b2b-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.b2b-label{display:grid;gap:6px;color:var(--b2b-ink);font-size:.88rem;font-weight:900}
.b2b-input{width:100%;min-height:45px;padding:9px 11px;border:1px solid #b8c6d1;background:#fff;color:var(--b2b-ink)}
.b2b-input:focus{outline:3px solid rgba(0,91,172,.18);border-color:var(--b2b-blue)}
.b2b-form-message{min-height:24px;margin:0;color:var(--b2b-red);font-size:.9rem}
.b2b-quote-list{display:grid;gap:12px}
.b2b-quote-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px;border:1px solid var(--b2b-line);background:#fff}
.b2b-quote-item h3{margin:0;font-size:1rem}
.b2b-quote-item p{margin:4px 0 0;color:var(--b2b-muted);font-size:.86rem}
.b2b-empty{padding:42px 20px;border:1px dashed #9eadb8;text-align:center;color:var(--b2b-muted);background:#fff}
.b2b-footer{margin-top:0;background:var(--b2b-ink);color:#fff}
.b2b-footer__inner{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:36px;padding:45px 0}
.b2b-footer h3{margin:0 0 9px;color:#d9b96d;font-size:.84rem;letter-spacing:.1em}
.b2b-footer p{margin:0;color:#c6d3df;font-size:.87rem}
.b2b-footer a{display:block;margin:6px 0;font-size:.9rem}
.b2b-footer__legal{padding:14px 0;border-top:1px solid rgba(255,255,255,.16);color:#aebdca;font-size:.78rem}
@media(max-width:760px){.b2b-wrap{width:min(100% - 28px,1160px)}
.b2b-notice{font-size:.7rem}
.b2b-header__inner{min-height:66px}
.b2b-brand{font-size:1.2rem}
.b2b-brand__square{width:33px;height:33px}
.b2b-nav{gap:12px;font-size:.77rem}
.b2b-nav a:nth-child(2){display:none}
.b2b-quote-link{padding:6px 8px}
.b2b-hero__grid,.b2b-series{grid-template-columns:1fr;gap:28px;padding:44px 0}
.b2b-hero h1{font-size:2.65rem}
.b2b-hero__image{order:-1}
.b2b-image-label{left:0;bottom:0}
.b2b-section{padding:54px 0}
.b2b-section__head{display:block}
.b2b-section__head p:not(.b2b-eyebrow){margin-top:9px}
.b2b-feature-grid,.b2b-workflow,.b2b-use-grid{grid-template-columns:1fr}
.b2b-step{min-height:auto;border-right:0;border-bottom:1px solid var(--b2b-line)}
.b2b-step:last-child{border-bottom:0}
.b2b-product-head{padding:45px 0 70px}
.b2b-catalogue__box{padding:16px}
.b2b-form-row{grid-template-columns:1fr}
.b2b-footer__inner{grid-template-columns:1fr;gap:23px;padding:36px 0}
.b2b-quote-item{align-items:flex-start;flex-direction:column;gap:10px}
}
.b2b-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.b2b-account-summary,.b2b-project-summary,.b2b-workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:24px 0;border-bottom:1px solid var(--b2b-line)}
.b2b-account-summary h2,.b2b-project-summary h1,.b2b-workspace-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.45rem);letter-spacing:-.05em}
.b2b-account-summary p,.b2b-project-summary p,.b2b-workspace-head p{margin:8px 0 0;color:var(--b2b-muted)}
.b2b-inline-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:10px;width:min(100%,540px)}
.b2b-inline-form .b2b-form-message{grid-column:1/-1}
.b2b-project-list,.b2b-item-list{display:grid;gap:14px;margin-top:25px}
.b2b-project-card{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px;background:#fff;border:1px solid var(--b2b-line);box-shadow:0 8px 22px rgba(20,43,74,.05)}
.b2b-project-card:hover,.b2b-project-card:focus-visible{transform:translateY(-2px);box-shadow:0 12px 27px rgba(20,43,74,.13)}
.b2b-project-card h3{margin:0;font-size:1.12rem}.b2b-project-card p{margin:7px 0 0;color:var(--b2b-muted);font-size:.88rem}.b2b-project-card__meta{color:var(--b2b-gold)!important;font-size:.75rem!important;font-weight:900}
.b2b-status{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:5px 9px;background:var(--b2b-sky);color:var(--b2b-blue);font-size:.78rem;font-weight:900;white-space:nowrap}
.b2b-back-link{display:inline-block;margin-bottom:20px;color:var(--b2b-blue);font-size:.88rem;font-weight:900}.b2b-admin-note{padding:12px 14px;background:#fff4dc;border-left:4px solid var(--b2b-gold)}
.b2b-item-editor{margin:0;padding:18px;border:1px solid var(--b2b-line);background:#fff}.b2b-item-editor__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.b2b-item-grid{display:grid;grid-template-columns:1.1fr .65fr 1fr .8fr;gap:12px}
.b2b-item-grid--compact{grid-template-columns:minmax(240px,1.3fr) minmax(140px,.5fr);max-width:620px}
.b2b-batch-schedule,.b2b-bulk-items{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:22px;padding:22px;border:1px solid var(--b2b-line);background:linear-gradient(120deg,#edf6fb,#fff)}
.b2b-batch-schedule h2,.b2b-bulk-items h2{margin:0 0 7px;font-size:1.25rem}.b2b-batch-schedule p:not(.b2b-eyebrow),.b2b-bulk-items p:not(.b2b-eyebrow){margin:0;color:var(--b2b-muted);font-size:.9rem}
.b2b-batch-schedule__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-self:end}.b2b-bulk-items .b2b-actions{grid-column:2;align-self:start}.b2b-bulk-items .b2b-form-message{grid-column:2}
.b2b-model-picker{display:grid;gap:11px}.b2b-model-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:270px;overflow:auto;padding:10px;border:1px solid #b8c6d1;background:#fff}
.b2b-model-option{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 8px;border:1px solid transparent;color:var(--b2b-ink);font:700 .84rem ui-monospace,Consolas,monospace;cursor:pointer}.b2b-model-option:hover{border-color:#b8c6d1;background:#f4f8fb}.b2b-model-option input{inline-size:16px;block-size:16px;accent-color:var(--b2b-blue)}
.b2b-items-empty{margin:0;padding:18px;border:1px dashed #9eadb8;background:#fff;color:var(--b2b-muted);text-align:center}
.b2b-textarea{min-height:82px;resize:vertical}.b2b-text-button{padding:0;border:0;background:transparent;color:var(--b2b-red);font:inherit;font-size:.86rem;font-weight:900;cursor:pointer}.b2b-text-button:hover,.b2b-text-button:focus-visible{text-decoration:underline}
.b2b-history{margin-top:34px;padding-top:24px;border-top:1px solid var(--b2b-line)}.b2b-history h2,.b2b-admin-section h2{margin:0 0 14px;font-size:1.25rem}.b2b-history ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.b2b-history li{padding:14px;background:#fff;border-left:3px solid var(--b2b-blue);font-size:.9rem}.b2b-history li span{display:block;margin-top:3px;color:var(--b2b-muted);font-size:.8rem}.b2b-history li p{margin:8px 0 0;color:var(--b2b-muted)}
.b2b-admin-section{margin-top:30px;padding:22px;background:#fff;border:1px solid var(--b2b-line)}.b2b-admin-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(110px,.55fr) minmax(180px,1fr) auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--b2b-line)}.b2b-admin-row:first-of-type{border-top:0}.b2b-admin-row p{margin:4px 0 0;color:var(--b2b-muted);font-size:.82rem}.b2b-admin-row .b2b-form-message{grid-column:1/-1;margin:0}.b2b-admin-row .b2b-btn{min-height:42px}
.b2b-form-message:not(:empty){padding:8px 10px;background:#fff4dc;border-left:3px solid var(--b2b-gold);color:#5e4b24}
@media(max-width:760px){.b2b-nav a:nth-child(3),.b2b-nav a:nth-child(4){display:none}.b2b-access-grid,.b2b-item-grid,.b2b-item-grid--compact,.b2b-batch-schedule,.b2b-bulk-items,.b2b-batch-schedule__fields{grid-template-columns:1fr}.b2b-model-options{grid-template-columns:1fr}.b2b-bulk-items .b2b-actions,.b2b-bulk-items .b2b-form-message{grid-column:auto}.b2b-account-summary,.b2b-project-summary,.b2b-workspace-head{display:block}.b2b-account-summary .b2b-btn{margin-top:14px}.b2b-inline-form{grid-template-columns:1fr;width:100%;margin-top:18px}.b2b-project-card{display:block}.b2b-project-card .b2b-status{margin-top:13px}.b2b-admin-row{grid-template-columns:1fr}.b2b-admin-row .b2b-btn{width:100%}}
.b2b-inquiry-action{display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:390px}
.b2b-inquiry-action [data-inquiry-feedback]{flex-basis:100%}
.b2b-inquiry-action [hidden],form.b2b-panel[hidden]{display:none}
.b2b-inquiry-action a{color:#BF2222;text-decoration:underline}
@media(max-width:760px){.b2b-inquiry-action{margin-top:16px;max-width:100%}}