:root{--primary:#E67E2B;--primary-hover:#D26E1F;--primary-soft:#FDEEDC;--text:#1a1a1a;--muted:#777;--radius-card:12px}
.cf-store{font-family:"Noto Sans TC","Roboto",sans-serif;color:var(--text)}
.cf-layout{display:flex;gap:28px;align-items:flex-start}
.cf-sidebar{width:280px;flex:0 0 280px}
.cf-sidebar-title{font-size:20px;color:#333;font-weight:500;margin:0 0 16px}
.cf-sep{font-size:12px;color:#999;font-weight:500;margin:16px 8px 6px}
.cf-group{display:flex;align-items:center;gap:10px;min-height:38px;padding:6px 12px;margin:2px 0;color:#E67E2B;text-decoration:none;border-radius:8px}
.cf-group.is-current{background:#FDEEDC}
.cf-group:hover{text-decoration:none;background:#fff6ee}
.cf-main{flex:1;min-width:0}
.cf-header h1{font-size:28px;font-weight:400;margin:0 0 8px}
.cf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.cf-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.06);padding:32px 28px;text-align:center;transition:transform .25s ease,box-shadow .25s ease}
.cf-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.1)}
.cf-name{font-size:26px;font-weight:300;color:#333;margin:12px 0 4px}
.cf-badge{display:inline-block;background:#E67E2B;color:#fff;border-radius:999px;font-size:12px;padding:2px 10px;margin-bottom:8px}
.cf-from{color:#777;font-size:13px}
.cf-price{font-size:36px;font-weight:700;color:#1a1a1a;line-height:1.1}
.cf-cycle{color:#666;margin-bottom:12px}
.cf-specs{list-style:none;padding:0;margin:0 0 18px;color:#666;font-weight:300}
.cf-specs li{margin:4px 0}
.cf-specs strong{font-weight:700;color:#1a1a1a}
.cf-order{display:inline-flex;align-items:center;justify-content:center;background:#E67E2B;color:#fff;font-weight:700;border-radius:6px;width:170px;height:42px;border:0;text-decoration:none}
.cf-order:hover{background:#D26E1F;color:#fff;text-decoration:none}
.cf-order.is-disabled,.cf-order:disabled{background:#aaa;cursor:not-allowed}
@media (max-width:1024px){.cf-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.cf-layout{flex-direction:column}.cf-sidebar{width:100%;flex-basis:auto}.cf-grid{grid-template-columns:1fr}}
