:root {--gb-ink:#162823;--gb-sub:#6d7871;--gb-green:#1c7652;--gb-gold:#e7b349;--gb-line:#e4ebe6;--gb-bg:#f6f8f4}
body.gb-body{background:var(--gb-bg);color:var(--gb-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif}
.gb-wrap{max-width:1160px;margin:0 auto;padding:35px 20px 85px}
.gb-eyebrow{font-weight:800;font-size:12px;letter-spacing:.15em;color:var(--gb-green);text-transform:uppercase}
.gb-title{font-size:clamp(28px,4vw,43px);font-weight:900;letter-spacing:-.04em;line-height:1.25;margin:12px 0}
.gb-lead{font-size:15px;color:var(--gb-sub);line-height:1.8;max-width:700px}
.gb-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.gb-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--gb-green);color:white!important;border:0;cursor:pointer;font:inherit;font-size:15px;font-weight:850;border-radius:14px;padding:13px 20px;text-decoration:none!important}
.gb-btn:disabled{background:#bac8bd;cursor:not-allowed}.gb-btn-secondary{background:white;color:var(--gb-ink)!important;border:1px solid var(--gb-line)}
.gb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gb-card{background:#fff;border:1px solid var(--gb-line);border-radius:22px;box-shadow:0 10px 28px rgba(28,57,41,.04);overflow:hidden}
.gb-card-link{color:inherit!important;text-decoration:none!important;display:block}.gb-card-link:hover .gb-card-title{color:var(--gb-green)}
.gb-card-img{height:210px;position:relative;overflow:hidden;background:linear-gradient(135deg,#dce9d9,#eff1e2);display:flex;align-items:center;justify-content:center;color:#809688}
.gb-card-img img{width:100%;height:100%;object-fit:contain}.gb-card-content{padding:20px}.gb-card-title{font-size:19px;font-weight:900;line-height:1.4;margin:10px 0;min-height:52px}
.gb-tag{display:inline-block;background:#e7f5e9;color:#26724b;border-radius:99px;font-size:12px;font-weight:850;padding:6px 11px}.gb-tag-gray{background:#f1f2f1;color:#58645d}
.gb-sub{color:var(--gb-sub);font-size:13px;line-height:1.65}.gb-price{font-size:26px;font-weight:900;color:var(--gb-green)}.gb-old{text-decoration:line-through;color:#a5ada5;font-size:13px}
.gb-progress{height:11px;background:#edf1e8;border-radius:99px;overflow:hidden;margin:12px 0}.gb-progress span{display:block;height:100%;background:linear-gradient(90deg,#23835c,#dbbb51);border-radius:inherit}
.gb-detail{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:26px;align-items:start}.gb-media{background:#fff;border:1px solid var(--gb-line);border-radius:24px;overflow:hidden;min-height:410px;display:flex;align-items:center;justify-content:center}.gb-media img{display:block;width:100%;max-height:520px;object-fit:contain}
.gb-panel{background:white;border:1px solid var(--gb-line);border-radius:22px;padding:23px;box-shadow:0 10px 28px rgba(28,57,41,.03)}.gb-info-list{display:grid;gap:11px;margin:19px 0}.gb-info-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--gb-line)}.gb-info-row strong{text-align:right}
.gb-alert{padding:15px 18px;border-radius:14px;background:#ecf7f0;border:1px solid #cfe8d7;color:#215b40;line-height:1.75;margin:14px 0;font-size:14px}.gb-alert-danger{background:#fff0ef;color:#a04c3e;border-color:#f0cccc}
.gb-input{font:inherit;box-sizing:border-box;width:100%;max-width:100%;border:1px solid #cfdbd2;background:#fff;border-radius:12px;padding:12px 14px;color:#162823}.gb-label{font-size:13px;font-weight:800;display:block;margin-bottom:7px}.gb-form-grid{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;align-items:end}.gb-mini-table{border-collapse:collapse;width:100%;font-size:14px}.gb-mini-table td{padding:12px 4px;border-bottom:1px solid var(--gb-line)}.gb-mini-table tr:last-child td{border:0}.gb-mini-table td:last-child{text-align:right;font-weight:800}
.gb-status{font-weight:800;color:var(--gb-green)}.gb-heading{font-size:21px;font-weight:900;margin:0 0 14px}.gb-breadcrumb{font-size:13px;color:#7e8a80;margin-bottom:20px}.gb-breadcrumb a{color:inherit}
.gb-order{background:white;border:1px solid var(--gb-line);border-radius:19px;padding:20px;margin-bottom:14px}.gb-order-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.gb-order-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.gb-order-cell{background:#f6f8f4;border-radius:12px;padding:13px}.gb-order-cell small{display:block;color:var(--gb-sub);margin-bottom:5px}.gb-order-cell strong{font-weight:900}
.gb-no-photo{font-size:52px}.gb-steps{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.gb-step{background:white;border:1px solid var(--gb-line);border-radius:13px;flex:1;min-width:120px;padding:12px;font-size:13px;font-weight:750}
@media(max-width:900px){.gb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gb-detail{grid-template-columns:1fr}.gb-media{min-height:310px}}
@media(max-width:560px){.gb-wrap{padding:22px 14px 65px}.gb-grid{grid-template-columns:1fr}.gb-panel{padding:19px}.gb-form-grid{grid-template-columns:1fr}.gb-order-rows{grid-template-columns:1fr}.gb-card-img{height:225px}}