@charset "UTF-8"; /*! ========================================================================== * WIWI 配色系統 v1.0 —— 興濠企業有限公司 * -------------------------------------------------------------------------- * 只有顏色。沒有元件、沒有版面、沒有 class 名稱綁定。 * 你的按鈕、卡片、表格要長什麼樣自己決定，顏色從這裡拿就好。 * * 基準：wiwi.com.tw 官網 CSS 與原廠 Logo SVG 實測值（2026-07 稽核）。 * 官網既有色票全部錨定不動，只推導兩個新色（見下方註記 ★）。 * * 核心：感溫雙極。橘＝溫感／發熱，藍綠＝涼感／防曬。 * 兩極不是主色副色，是同一份設計的兩種語意狀態。 * * 整站預設溫感 *
這一區切涼感，可任意巢狀 * 深色（後台工具） * ========================================================================== */:root{--wiwi-orange-50:#FEF9F0;--wiwi-orange-100:#FDF2E1;--wiwi-orange-200:#FBDCAB;--wiwi-orange-300:#F8C46F;--wiwi-orange-400:#F5AE42;--wiwi-orange-500:#F2971B;--wiwi-orange-600:#DD8103;--wiwi-orange-700:#B76A01;--wiwi-orange-800:#8D5202;--wiwi-orange-900:#643A02;--wiwi-teal-50:#F5FBFC;--wiwi-teal-100:#EAF7F9;--wiwi-teal-200:#C4E9EF;--wiwi-teal-300:#96D8E3;--wiwi-teal-400:#6BC9D8;--wiwi-teal-500:#44BCCE;--wiwi-teal-600:#22A1B4;--wiwi-teal-700:#157E8E;--wiwi-teal-800:#0F6471;--wiwi-teal-900:#0B4851;--wiwi-ember-500:#CD4400;--wiwi-ember-600:#A83800;--wiwi-ember-700:#822B00;--wiwi-gray-50:#F7F7F7;--wiwi-gray-100:#F0F0F0;--wiwi-gray-200:#DDDDDD;--wiwi-gray-300:#C4C4C4;--wiwi-gray-400:#8A8A8A;--wiwi-gray-500:#626262;--wiwi-gray-600:#555555;--wiwi-gray-700:#333333;--wiwi-gray-800:#22262A;--wiwi-gray-900:#14181A;--wiwi-white:#FFFFFF;--wiwi-green-500:#1F7A45;--wiwi-green-100:#E6F4EC;--wiwi-amber-500:#8A5A00;--wiwi-amber-100:#FDF3DC;--wiwi-red-500:#C0281F;--wiwi-red-100:#FCEAE8;--wiwi-blue-500:#1E5FA8;--wiwi-blue-100:#E8F0FA;--wiwi-bg:var(--wiwi-white);--wiwi-surface:var(--wiwi-white);--wiwi-surface-sunken:var(--wiwi-gray-50);--wiwi-surface-raised:var(--wiwi-white);--wiwi-text:var(--wiwi-gray-700);--wiwi-text-muted:var(--wiwi-gray-500);--wiwi-text-subtle:var(--wiwi-gray-400);--wiwi-border:var(--wiwi-gray-200);--wiwi-border-strong:var(--wiwi-gray-400);--wiwi-focus-ring:var(--wiwi-ember-500);--wiwi-overlay:rgba(20,24,26,0.55);--wiwi-success:var(--wiwi-green-500);--wiwi-success-tint:var(--wiwi-green-100);--wiwi-warning:var(--wiwi-amber-500);--wiwi-warning-tint:var(--wiwi-amber-100);--wiwi-danger:var(--wiwi-red-500);--wiwi-danger-tint:var(--wiwi-red-100);--wiwi-info:var(--wiwi-blue-500);--wiwi-info-tint:var(--wiwi-blue-100)}[data-theme=dark]{--wiwi-bg:var(--wiwi-gray-900);--wiwi-surface:var(--wiwi-gray-800);--wiwi-surface-sunken:#101315;--wiwi-surface-raised:#2A2F34;--wiwi-text:#ECEEF0;--wiwi-text-muted:#A8AEB4;--wiwi-text-subtle:#7C8288;--wiwi-border:#343A40;--wiwi-border-strong:#6A727A;--wiwi-focus-ring:var(--wiwi-orange-500);--wiwi-overlay:rgba(0,0,0,0.7);--wiwi-success:#4ADE80;--wiwi-success-tint:#16281D;--wiwi-warning:#FBBF4E;--wiwi-warning-tint:#2A2110;--wiwi-danger:#F87171;--wiwi-danger-tint:#2C1717;--wiwi-info:#7DB3F0;--wiwi-info-tint:#14202E}:root,[data-thermal=warm]{--wiwi-thermal-tint:var(--wiwi-orange-100);--wiwi-thermal-tint-strong:var(--wiwi-orange-200);--wiwi-thermal-fill:var(--wiwi-orange-500);--wiwi-thermal-fill-hover:var(--wiwi-orange-400);--wiwi-thermal-on-fill:var(--wiwi-gray-700);--wiwi-thermal-solid:var(--wiwi-ember-500);--wiwi-thermal-solid-hover:var(--wiwi-ember-600);--wiwi-thermal-solid-active:var(--wiwi-ember-700);--wiwi-thermal-on-solid:var(--wiwi-white);--wiwi-thermal-text:var(--wiwi-ember-500);--wiwi-thermal-text-strong:var(--wiwi-ember-600);--wiwi-thermal-border:var(--wiwi-orange-500);--wiwi-thermal-arrow:"▲";--wiwi-thermal-label:"溫感"}[data-thermal=cool]{--wiwi-thermal-tint:var(--wiwi-teal-100);--wiwi-thermal-tint-strong:var(--wiwi-teal-200);--wiwi-thermal-fill:var(--wiwi-teal-500);--wiwi-thermal-fill-hover:var(--wiwi-teal-400);--wiwi-thermal-on-fill:var(--wiwi-gray-700);--wiwi-thermal-solid:var(--wiwi-teal-700);--wiwi-thermal-solid-hover:var(--wiwi-teal-800);--wiwi-thermal-solid-active:var(--wiwi-teal-900);--wiwi-thermal-on-solid:var(--wiwi-white);--wiwi-thermal-text:var(--wiwi-teal-700);--wiwi-thermal-text-strong:var(--wiwi-teal-800);--wiwi-thermal-border:var(--wiwi-teal-500);--wiwi-thermal-arrow:"▼";--wiwi-thermal-label:"涼感"}[data-theme=dark],[data-theme=dark] [data-thermal=warm],[data-theme=dark][data-thermal=warm]{--wiwi-thermal-tint:#2A1E0B;--wiwi-thermal-tint-strong:#3D2C10;--wiwi-thermal-text:var(--wiwi-orange-500);--wiwi-thermal-text-strong:var(--wiwi-orange-500);--wiwi-thermal-border:var(--wiwi-orange-600)}[data-theme=dark] [data-thermal=cool],[data-theme=dark][data-thermal=cool]{--wiwi-thermal-tint:#0C2429;--wiwi-thermal-tint-strong:#113238;--wiwi-thermal-text:var(--wiwi-teal-500);--wiwi-thermal-text-strong:var(--wiwi-teal-500);--wiwi-thermal-border:var(--wiwi-teal-600)}:root{--text:var(--wiwi-text);--text2:var(--wiwi-text-muted);--sep:rgba(0,0,0,0.09);--sep-soft:rgba(0,0,0,0.06);--detail-bg:#ececee;--group:#ffffff;--field-bg:#ffffff;--accent:var(--wiwi-thermal-solid);--accent-press:var(--wiwi-thermal-solid-active);--accent-text:var(--wiwi-thermal-text-strong);--green:var(--wiwi-success);--orange:var(--wiwi-warning);--red:var(--wiwi-danger);--purple:#af52de;--indigo:#5856d6;--gray:#8e8e93;--ink:var(--text);--ink-soft:var(--text2);--paper:var(--detail-bg);--surface:var(--group);--line:var(--sep);--line-soft:var(--sep-soft);--calibrated:var(--accent);--calibrated-tint:var(--wiwi-thermal-tint);--warm:var(--orange);--warm-tint:var(--wiwi-warning-tint);--breach:var(--red);--breach-tint:var(--wiwi-danger-tint);--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang TC","Noto Sans TC",system-ui,sans-serif;--mono:"SF Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0}html{font-size:24px}body{min-height:100vh;background:linear-gradient(135deg,#f3f4f8,#eceef3 45%,#e8eaf0);background-attachment:fixed;color:var(--text);font-family:var(--sans);font-size:.875rem;accent-color:var(--accent);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.data,.mono,.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.55rem;font-weight:700;letter-spacing:-.012em;margin:0 0 2px}h3{font-size:1rem;margin:0 0 8px}h3,h4{font-weight:600}h4{font-size:.9rem;color:var(--text2);margin:18px 0 6px}.eyebrow,.group-title{display:block;font-family:var(--sans);font-size:.78rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text2)}.mac-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex:0 0 240px;align-self:flex-start;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;padding:16px 12px;background:rgba(248,249,252,.7);-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);border-right:1px solid var(--sep)}.sidebar-brand{display:flex;flex-direction:row;align-items:center;gap:9px;padding:6px 8px 16px}.brand-logo{display:block;height:48px;aspect-ratio:542/493;background:url(/wiwi-logo.svg) 50%/contain no-repeat}.brand-aps{font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);white-space:nowrap}.sidebar-search{width:100%;margin-bottom:12px;padding:5px 10px;font-size:.85rem;background:rgba(0,0,0,.05);border:1px solid transparent;border-radius:7px}.sidebar-search:focus-visible{background:var(--field-bg)}.account{margin-top:16px;padding-top:12px;border-top:1px solid var(--sep);display:flex;flex-direction:column;gap:6px}.account-label{font-size:.7rem;color:var(--text2);letter-spacing:.04em}.account-roles{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px}.account-form button,.account-logout,.account-roles button{font-size:.78rem;padding:4px 8px;border:1px solid var(--sep);border-radius:6px;background:rgba(0,0,0,.04);cursor:pointer}.account-form button:hover,.account-logout:hover,.account-roles button:hover{background:rgba(0,0,0,.08)}.account-toggle{font-size:.72rem;color:var(--text2);background:transparent;border:none;text-align:left;padding:2px 0;cursor:pointer}.account-form{display:flex;flex-direction:column;gap:5px}.account-form input{font-size:.78rem;padding:4px 8px;border:1px solid var(--sep);border-radius:6px;background:var(--field-bg)}.account-who{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.account-name{font-size:.78rem;color:var(--text2)}.account-err{font-size:.72rem;color:var(--red,#ff3b30);margin:0}.nav-item{display:flex;align-items:center;gap:9px;padding:5px 8px;margin-bottom:1px;border-radius:7px;font-size:.85rem;color:var(--text);cursor:pointer}.nav-item:hover{background:rgba(0,0,0,.05);text-decoration:none}.nav-item[aria-current=page]{background:var(--accent);color:#fff}.nav-item[aria-current=page]:hover{background:var(--accent)}.icon-tile{flex:0 0 auto;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;color:#fff;box-shadow:inset 0 .5px 0 rgba(255,255,255,.4),0 .5px 1px rgba(0,0,0,.18)}.detail{flex:1 1 auto;min-width:0;background:var(--detail-bg)}.page{max-width:720px;margin:0 auto;padding:clamp(20px,3.5vw,40px);width:100%}.page.wide{max-width:1040px}.lede{color:var(--text2);margin:4px 0 22px;font-size:.9rem}.card,.group{background:var(--group);border:.5px solid var(--sep-soft);border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,.04);margin-top:14px;overflow:hidden}.card{padding:16px 18px}.group{padding:0}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;min-height:44px}.row+.row{border-top:.5px solid var(--sep-soft)}.row-label{font-size:.9rem;color:var(--text)}.row-sub{font-size:.78rem;color:var(--text2)}.row-control{display:flex;align-items:center;gap:8px;color:var(--text2)}.chevron{color:#c2c2c7}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field-label,.field>span{font-size:.85rem;font-weight:500;color:var(--text)}.hint{color:var(--text2);font-size:.78rem;font-weight:400}input,select,textarea{font-family:var(--sans);font-size:.88rem;color:var(--text);background:var(--field-bg);border:1px solid var(--sep);border-radius:7px;padding:6px 9px}input::placeholder{color:#b0b0b6}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14'%3E%3Cpath fill='%238e8e93' d='M5 0l3 4H2zM5 14l3-4H2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:26px}.nav-item:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--wiwi-focus-ring) 40%,transparent);border-color:var(--accent)}button{font-family:var(--sans);font-size:.85rem;font-weight:500;color:var(--text);background:var(--group);border:.5px solid var(--sep);border-radius:7px;padding:5px 13px;cursor:pointer;box-shadow:0 1px 1.5px rgba(0,0,0,.05);transition:background .12s ease,box-shadow .12s ease,transform .06s ease}button:hover:not(:disabled){background:#fafafa}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-press)}.msg{font-size:.85rem;color:var(--accent-text);margin:10px 0}.msg.err{color:var(--red)}.ok-chip{color:var(--green);font-weight:600;font-size:.82rem}.data-table{border-collapse:collapse;width:100%;font-size:.85rem}.data-table th{font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text2);text-align:left;padding:8px 10px;border-bottom:.5px solid var(--sep);white-space:nowrap}.data-table td{padding:8px 10px;border-bottom:.5px solid var(--sep-soft);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.scroll-x{overflow-x:auto}.gauge{margin:6px 0 14px}.gauge-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px}.gauge-verdict{font-size:.72rem;font-weight:600;letter-spacing:0;padding:2px 9px;border-radius:20px}.gauge-verdict.calibrated{color:var(--accent-text);background:var(--calibrated-tint)}.gauge-verdict.warm{color:var(--warm);background:var(--warm-tint)}.gauge-verdict.breach{color:var(--breach);background:var(--breach-tint)}.gauge-track{position:relative;height:10px;background:#e6e6ea;border-radius:5px}.gauge-band{position:absolute;top:0;bottom:0;background:var(--calibrated-tint);border-left:1.5px solid var(--accent);border-right:1.5px solid var(--accent)}.gauge-floor{top:-5px;background:var(--red)}.gauge-floor,.gauge-needle{position:absolute;bottom:-5px;width:2px;border-radius:1px}.gauge-needle{top:-18px;background:var(--accent);transform-origin:bottom center}.gauge-needle.warm{background:var(--warm)}.gauge-needle.breach{background:var(--breach)}.gauge-flag{position:absolute;top:-42px;left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center;line-height:1.1}.gauge-flag .gauge-price{display:block;font-weight:600;font-size:1.2rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.gauge-flag .gauge-net{display:block;font-size:.66rem;letter-spacing:.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gauge-needle.calibrated .gauge-net{color:var(--accent-text)}.gauge-needle.warm .gauge-net{color:var(--warm)}.gauge-needle.breach .gauge-net{color:var(--breach)}.gauge-scale{position:relative;height:30px;margin-top:7px}.gauge-tick{position:absolute;transform:translateX(-50%);text-align:center;font-size:.62rem;color:var(--text2)}.gauge-tick b{display:block;font-size:.78rem;color:var(--text);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes needle-drop{0%{transform:translateY(-8px) scaleY(.7);opacity:0}to{transform:translateY(0) scaleY(1);opacity:1}}@keyframes band-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.gauge-needle{animation:needle-drop .5s cubic-bezier(.2,.8,.2,1) both}.gauge-band{transform-origin:left center;animation:band-grow .5s ease both}@media (max-width:720px){.mac-shell{flex-direction:column}.sidebar{width:100%;flex-basis:auto;height:auto;position:-webkit-sticky;position:sticky;top:0;z-index:20;overflow:visible;border-right:none;border-bottom:1px solid var(--sep);padding:9px 0 7px}.sidebar-brand{padding:0 16px 7px}.sidebar-search{display:none}.nav-items{display:flex;gap:7px;overflow-x:auto;padding:1px 12px 3px;scroll-padding:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-items::-webkit-scrollbar{display:none}.nav-item{flex:0 0 auto;margin-bottom:0;min-height:40px;padding:8px 13px 8px 9px}.nav-item,.nav-item:hover{background:rgba(0,0,0,.045)}.nav-item[aria-current=page],.nav-item[aria-current=page]:hover{background:var(--accent)}.page{padding:18px 16px 40px}.row{flex-wrap:wrap;gap:6px 12px}}@media (prefers-reduced-motion:reduce){*,.gauge-band,.gauge-needle{animation:none!important;transition:none!important}}