:root{--bg: #f6f2ea;--surface: #fffdf8;--surface-strong: #ffffff;--ink: #17201c;--muted: #66726c;--line: #ded7ca;--teal: #0f766e;--teal-dark: #0a514c;--gold: #b8873c;--blue: #315d7f;--green: #16784c;--orange: #a34625}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Arial,Noto Sans TC,Microsoft JhengHei,sans-serif;letter-spacing:0;margin:0}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{background:linear-gradient(180deg,#fffdf8db,#f6f2eaeb),radial-gradient(circle at 8% 0%,rgba(15,118,110,.13),transparent 28%),var(--bg);min-height:100vh}.site-header{align-items:center;display:flex;gap:22px;justify-content:space-between;margin:0 auto;max-width:1240px;padding:18px clamp(16px,4vw,54px);position:sticky;top:0;z-index:10}.site-header:before{background:#f6f2eadb;backdrop-filter:blur(18px);border-bottom:1px solid rgba(222,215,202,.8);content:"";inset:0 calc(50% - 50vw);position:absolute;z-index:-1}.brand{align-items:center;background:transparent;color:var(--ink);display:flex;gap:12px;min-width:260px;padding:0;text-align:left}.brand-mark{align-items:center;background:var(--ink);border-radius:6px;color:#fff;display:inline-flex;font-weight:800;height:44px;justify-content:center;width:52px}.brand small,.nav-item small,.section-title p,.product-card small,.order-summary dd,.file-line span,.admin-record span,.audit-row small{color:var(--muted)}.brand small,.nav-item small{display:block;font-size:12px;margin-top:2px}.primary-nav{background:#fffdf8d1;border:1px solid var(--line);border-radius:8px;display:flex;gap:4px;padding:4px}.nav-item{background:transparent;border-radius:6px;color:var(--muted);min-height:48px;min-width:112px;padding:8px 13px}.nav-item.active{background:var(--ink);color:#fff}.nav-item.active small{color:#dfe5e1}.hero,.section,.site-footer{margin:0 auto;max-width:1240px;padding-left:clamp(16px,4vw,54px);padding-right:clamp(16px,4vw,54px)}.hero{align-items:center;display:grid;gap:36px;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);min-height:78vh;padding-bottom:42px;padding-top:54px}.hero-copy{max-width:800px}.eyebrow{color:var(--teal-dark);font-size:13px;font-weight:800;letter-spacing:0;margin:0 0 14px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,6.2vw,76px);line-height:1.04;margin-bottom:22px}h2{font-size:clamp(28px,4vw,46px);line-height:1.12;margin-bottom:12px}h3{font-size:20px;line-height:1.25;margin-bottom:12px}p{line-height:1.72}.hero-copy>p:not(.eyebrow),.section-title>p,.product-card p,.order-summary p,.admin-record p,.site-footer p{color:var(--muted)}.hero-actions,.action-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.primary-button,.secondary-button,.ghost-button,.upload-button,.action-row button{border-radius:6px;min-height:42px;padding:10px 14px}.primary-button{background:var(--teal);color:#fff;font-weight:800}.secondary-button,.ghost-button,.upload-button,.action-row button{background:var(--surface-strong);border:1px solid var(--line);color:var(--ink)}.full{width:100%}.hero-board,.capability-card,.product-card,.order-summary,.form-panel,.success-panel,.admin-column,.trust-band{background:#fffdf8e6;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px #39322514}.hero-board{padding:22px}.board-title,.product-head,.record-head,.file-line,.admin-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.board-title span,.record-head strong,.file-line strong{font-weight:800}.metrics{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0}.metric{border:1px solid var(--line);border-radius:8px;min-height:92px;padding:12px}.metric span,.metric strong{display:block}.metric strong{font-size:24px;margin-top:16px}.metric.good,.badge.good{background:#eaf6ef;color:var(--green)}.metric.warn,.badge.warn{background:#fff0e8;color:var(--orange)}.metric.info,.badge.info{background:#eef5fa;color:var(--blue)}.flow-strip{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.flow-strip span{background:var(--surface-strong);border:1px solid var(--line);border-radius:6px;color:var(--teal-dark);font-size:13px;font-weight:800;min-height:42px;padding:11px 9px;text-align:center}.section{padding-bottom:46px;padding-top:46px}.page-section{min-height:68vh}.section-title{margin-bottom:24px;max-width:820px}.capability-grid,.product-grid,.upload-grid,.admin-grid,.custom-layout,.checkout-layout{display:grid;gap:18px}.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.capability-card,.product-card,.form-panel,.order-summary,.admin-column,.success-panel{padding:20px}.mini-icon{align-items:center;background:#e9f5f2;border-radius:6px;color:var(--teal-dark);display:inline-flex;font-weight:800;height:42px;justify-content:center;margin-bottom:22px;width:42px}.timeline{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.timeline-step{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;min-height:96px;padding:16px}.timeline-step strong{color:var(--gold);display:block;margin-bottom:16px}.trust-band{align-items:center;display:grid;gap:22px;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{display:flex;flex-direction:column;min-height:560px}.product-card h2{font-size:25px;margin-top:18px}.product-card ul{line-height:1.7;margin:10px 0 18px;padding-left:20px}.product-card button{margin-top:auto}.product-meta{display:grid;gap:10px;margin:18px 0}.product-meta div{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:12px}dt{color:var(--muted);font-size:12px;font-weight:800;margin-bottom:4px}dd{margin:0}.badge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;line-height:1;padding:8px 10px;white-space:nowrap}.notice,.form-error{background:#fff8ec;border:1px solid #efd6ad;border-radius:6px;color:#744f1e;padding:12px}.form-error{color:var(--orange)}.step-header{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.step-header span{background:var(--surface-strong);border:1px solid var(--line);border-radius:6px;color:var(--muted);min-height:46px;padding:13px 12px;text-align:center}.step-header .current{background:var(--ink);color:#fff;font-weight:800}.step-header .done{background:#e9f5f2;color:var(--teal-dark);font-weight:800}.checkout-layout{align-items:start;grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr)}.custom-layout{align-items:start;grid-template-columns:minmax(0,.64fr) minmax(280px,.36fr)}.order-summary{position:sticky;top:96px}.order-summary dl{display:grid;gap:12px;margin:18px 0}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{margin:12px 0}.field{display:grid;gap:7px}.field span{color:var(--muted);font-size:13px;font-weight:800}.field input,.field select,.field textarea{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);min-height:42px;padding:10px 12px;width:100%}.field textarea{min-height:140px;resize:vertical}.field-wide{margin-top:14px}.check-row{align-items:flex-start;display:flex;gap:10px;line-height:1.55;margin:16px 0}.check-row input,.choice input{height:18px;margin-top:2px;width:18px}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.upload-box,.contract-preview,.admin-record,.file-row,.file-line,.success-id,.choice,.audit-row{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px}.upload-box{display:grid;gap:12px}.upload-box span,.empty,.file-row span,.success-id span,.audit-row span{color:var(--muted)}.upload-button{display:inline-flex;font-weight:800;justify-content:center}.upload-button input{display:none}.contract-preview{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.contract-preview span{color:var(--muted);display:block;font-size:12px;font-weight:800;margin-bottom:6px}.version-list{display:grid;gap:10px;margin:18px 0}.file-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.choice-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin:18px 0}.choice{align-items:center;display:flex;gap:8px;min-height:52px}.plain-list{line-height:1.8;padding-left:20px}.success-page{align-items:center;display:flex;justify-content:center}.success-panel{max-width:760px}.success-id{margin:20px 0}.success-id strong{display:block;font-size:28px;margin-top:8px}.admin-head{margin-bottom:20px}.admin-grid{align-items:start;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr)}.admin-column{display:grid;gap:12px}.admin-column.wide{grid-row:span 2}.admin-record{display:grid;gap:12px}.record-head>div,.file-line>div{display:grid;gap:4px}.record-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.record-grid span{background:#ffffffb8;border:1px solid var(--line);border-radius:6px;padding:9px}.small-record{align-content:start}.audit-column{max-height:560px;overflow:auto}.audit-row{display:grid;gap:5px}.site-footer{align-items:center;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;margin-top:28px;padding-bottom:34px;padding-top:26px}.site-footer p{margin:8px 0 0;max-width:820px}@media(max-width:1040px){.site-header{align-items:stretch;display:grid}.primary-nav{overflow-x:auto}.hero,.checkout-layout,.custom-layout,.trust-band,.admin-grid{grid-template-columns:1fr}.order-summary{position:static}.capability-grid,.product-grid,.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline,.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.brand{min-width:0}.nav-item{min-width:102px}.hero{min-height:auto;padding-top:34px}h1{font-size:38px}.metrics,.flow-strip,.capability-grid,.product-grid,.upload-grid,.timeline,.form-grid,.contract-preview,.choice-grid,.record-grid,.step-header{grid-template-columns:1fr}.record-head,.file-row,.file-line,.admin-head,.site-footer{align-items:flex-start;flex-direction:column}}