/* HKCARRY unified 2026 visual redesign — presentation only, existing business logic intact */
:root{--hkc-ink:#152b39;--hkc-navy:#123d55;--hkc-teal:#147b79;--hkc-coral:#ef907b;--hkc-paper:#f5f7f7;--hkc-line:#dde7e8;--hkc-shadow:0 16px 44px rgba(22,49,65,.08)}
html{scroll-behavior:smooth}body{background:var(--hkc-paper);color:var(--hkc-ink);font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif}body>header{background:rgba(255,255,255,.96)!important;box-shadow:0 1px 0 var(--hkc-line);backdrop-filter:blur(16px);position:relative;z-index:30}body>header .brand{font-weight:900;letter-spacing:-.045em}body>header nav a{font-weight:650}body>header nav a:hover{color:var(--hkc-teal)}main{max-width:1320px;margin-inline:auto}h1,h2,h3{letter-spacing:-.035em}h1{line-height:1.18}a,button,input,select,textarea{transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}button:not(:disabled):hover,.btn:hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #55b6b3!important;outline-offset:3px}input,select,textarea{border-radius:12px!important}input:focus,select:focus,textarea:focus{border-color:var(--hkc-teal)!important;box-shadow:0 0 0 3px rgba(20,123,121,.12)}.btn,.hk-primary-action{background:var(--hkc-navy)!important;border-radius:12px!important;color:#fff!important;font-weight:750!important}.ghost,.ghost-button{border-radius:12px!important}.hkc-redesign-tag{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#e2f4f1;color:#126b68;font-size:12px;font-weight:800;letter-spacing:.06em}.hkc-redesign-heading{font-size:clamp(25px,3.3vw,42px);font-weight:900;margin:12px 0 10px}.hkc-redesign-sub{color:#657986;line-height:1.75;max-width:720px}.hkc-quicklinks{padding:40px clamp(16px,4vw,54px);background:#fff;border:1px solid var(--hkc-line);border-radius:28px;box-shadow:var(--hkc-shadow);margin:22px auto 34px;max-width:1280px}.hkc-quickgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:25px}.hkc-quickcard{display:flex;flex-direction:column;gap:10px;text-decoration:none!important;background:#f7fafb;border:1px solid #e3ecee;border-radius:20px;padding:23px;min-height:190px;color:var(--hkc-ink)!important}.hkc-quickcard:first-child{background:#173f55;color:#fff!important}.hkc-quickcard:nth-child(2){background:#fff1e9;border-color:#f9d6c6}.hkc-quickcard:hover{transform:translateY(-4px);box-shadow:var(--hkc-shadow)}.hkc-quickcard .hkc-symbol{font-size:30px}.hkc-quickcard strong{font-size:19px;letter-spacing:-.02em}.hkc-quickcard small{line-height:1.65;opacity:.8}.hkc-quickcard .hkc-arrow{margin-top:auto;font-weight:800;font-size:13px}.hkc-page-banner{border-radius:24px;background:linear-gradient(125deg,#153b52 0%,#1c6b70 100%);padding:32px 36px;margin:24px 0;color:#fff}.hkc-page-banner h1,.hkc-page-banner h2{color:#fff;margin:8px 0}.hkc-page-banner p{color:#d8edee;line-height:1.7}.hkc-page-banner .hkc-redesign-tag{background:rgba(255,255,255,.15);color:#fff}.hkc-workspace-nav{display:flex;gap:8px;overflow-x:auto;padding:12px 0 16px;scrollbar-width:thin}.hkc-workspace-nav a{white-space:nowrap;text-decoration:none;background:#fff;border:1px solid var(--hkc-line);border-radius:11px;padding:11px 14px;font-weight:700;color:#315061}.hkc-workspace-nav a[aria-current="page"]{background:var(--hkc-navy);color:white;border-color:var(--hkc-navy)}.hkc-workspace-nav a:hover{border-color:var(--hkc-teal)}.my-shopping-page .my-shopping-hero{background:linear-gradient(120deg,#153b52,#237a7c)!important;border-radius:26px!important;padding:34px!important;color:#fff!important}.my-shopping-page .my-shopping-hero *{color:#fff!important}.identity-card,.shopping-center-head,.todo-panel,.shopping-orders-section,.gb-panel,.gb-join,.dashboard-panel{border-radius:20px!important;box-shadow:var(--hkc-shadow);border:1px solid var(--hkc-line)!important;background:#fff!important}.shopping-stats{gap:12px!important}.shopping-stat{border-radius:16px!important}.shopping-stat.active{border-color:var(--hkc-teal)!important;background:#e8f6f3!important}.gb-detail{padding:24px clamp(14px,3vw,34px)!important}.gb-detail-grid{border-radius:24px;background:white;border:1px solid var(--hkc-line);padding:25px;box-shadow:var(--hkc-shadow)}.gb-detail-media{border-radius:20px!important}.gb-price{color:var(--hkc-teal)!important}.gb-price-tiers{gap:12px}.gb-join{padding:26px!important}.admin-page{max-width:1450px!important;padding:24px clamp(14px,3vw,40px)!important}.admin-page>h1{font-size:clamp(30px,4vw,46px);color:var(--hkc-navy)}.admin-page>.lead{color:#647988;line-height:1.75}.admin-page .dashboard-panel,.admin-page .gb-panel{padding:clamp(16px,2vw,28px)!important}.admin-page .month-metrics>div{border-radius:15px!important}.dashboard-jump{border-radius:15px!important;box-shadow:var(--hkc-shadow)}.gb-form{gap:16px!important}.gb-admin .gb-panel{margin-bottom:22px}.gb-admin .gb-head{align-items:center}.hkc-design-note{font-size:12px;color:#6a7e89;margin:10px 0}
/* Home: more legible editorial hero, independent of business JS */
body.hkc-home .hk-photo-hero{border-radius:26px!important;overflow:hidden;box-shadow:var(--hkc-shadow);margin:24px auto 0!important}body.hkc-home .hk-hero-photo{min-height:400px!important}body.hkc-home .hk-hero-copy h1{font-size:clamp(37px,5.5vw,75px)!important;line-height:1.14!important;letter-spacing:-.055em}body.hkc-home .hk-hero-bottom{background:#fff!important}body.hkc-home .hk-category{border-radius:16px!important}body.hkc-home section:not(.hero){scroll-margin-top:28px}
@media(max-width:900px){.hkc-quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hkc-quicklinks{padding:26px 18px}.hkc-quickcard{min-height:165px;padding:18px}.hkc-page-banner{padding:26px 22px}.hkc-workspace-nav{margin-inline:-4px}}
@media(max-width:560px){.hkc-quicklinks{border-radius:20px;margin:14px 12px 26px}.hkc-quickgrid{gap:10px}.hkc-quickcard{padding:14px;min-height:156px}.hkc-quickcard strong{font-size:16px}.hkc-quickcard small{font-size:12px}.hkc-quickcard .hkc-symbol{font-size:24px}.hkc-page-banner{border-radius:18px;margin:14px 0}.gb-detail-grid{padding:16px}body.hkc-home .hk-photo-hero{border-radius:18px!important;margin:12px!important}body.hkc-home .hk-hero-photo{min-height:320px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button,input,select,textarea{transition:none!important}}