:root{--blue:#075fa8;--black:#050505;--page:#f6f7f9;--red:#e51f1f;--border:#ddd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Microsoft JhengHei","Noto Sans TC","PingFang TC",Arial,sans-serif;color:#111;background:#fff}
.header{height:162px;background:#000;color:#fff;display:flex;align-items:center;padding:0 5.5%;gap:42px}
.brand{display:flex;align-items:center;gap:16px;min-width:575px;text-decoration:none;color:#fff}
.brand img{width:92px;height:78px;object-fit:contain}
.brand strong{font-size:50px;line-height:1;font-weight:900;white-space:nowrap}
.brand span{font-size:30px;color:#ddd;margin-left:16px;white-space:nowrap}
nav{display:flex;align-items:center;gap:58px;margin-left:auto}
nav a{color:#fff;font-size:25px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.cart{border:0;background:none;color:#fff;font-size:25px;cursor:pointer;position:relative}
.cart b{position:absolute;right:-9px;top:-8px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#0968ad;font-size:11px}

.hero-video{background:#f5f6f9;padding:100px 3.5% 76px}
.hero-video h1{text-align:center;font-size:48px;margin:0 0 48px;font-weight:900}
.video-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.55fr .85fr;gap:70px;align-items:center}
.video-card{background:#fff;padding:0}
.video-card video{display:block;width:100%;height:430px;object-fit:cover;background:#151515}
.video-card:nth-child(2){max-width:430px;justify-self:center}
.video-card:nth-child(2) video{height:520px;object-fit:contain}

.notice{background:#e9edf1}
.notice-inner{max-width:1580px;margin:0 auto;padding:12px 3.5% 55px}
.notice h2{font-size:74px;line-height:1;margin:0 0 18px;color:#075fa8;font-weight:900}
.headline{font-size:23px;font-weight:800;margin-bottom:28px}
.notice h3{color:var(--red);font-size:23px;margin:22px 0 5px}
.notice p{color:var(--red);font-size:20px;line-height:1.55;margin:0}
.support{color:var(--red);font-size:20px;margin-top:24px}
.support a{color:inherit;text-decoration:underline}

.catalog{background:#f7f8fa;padding:72px 2.5% 95px}
.catalog>h2{text-align:center;font-size:58px;line-height:1;margin:0 0 52px;font-weight:900;letter-spacing:1px}
.tabs{max-width:1500px;margin:0 auto 38px;border-bottom:1px solid #ddd;display:flex;justify-content:center;flex-wrap:wrap;padding:0}
.tabs button{border:0;background:transparent;padding:14px 25px 16px;font-family:inherit;font-size:17px;cursor:pointer;white-space:nowrap;color:#222}
.tabs .active{color:#075fa8;font-weight:800;border-bottom:3px solid #075fa8}

.orders{padding:70px 20px;text-align:center;background:#fff}
.orders h2{font-size:42px;margin:0 0 8px}
.orders p{color:#777}
#orderForm{max-width:720px;margin:25px auto 0;display:flex;gap:10px}
#orderInput{flex:1;height:48px;padding:0 14px;border:1px solid #ccd2d8;border-radius:5px;font-family:inherit}
#orderForm button,.login-card button,.buy{height:48px;padding:0 25px;border:0;border-radius:5px;background:var(--blue);color:#fff;font-family:inherit;font-weight:700;cursor:pointer}
#orderResult{max-width:720px;margin:18px auto;text-align:left}
.result{background:#f5f7f9;padding:18px;border-radius:8px}.ok{color:#18834d;font-weight:800}

.login{background:#f5f6f8;padding:70px 20px}
.login-card{max-width:420px;margin:auto;background:#fff;padding:32px;border-radius:10px;box-shadow:0 8px 30px #0001}
.login-card h2{text-align:center}
.login-card input{width:100%;height:46px;padding:0 13px;margin:6px 0;border:1px solid var(--border);border-radius:6px;font-family:inherit}
.login-card button{width:100%;margin-top:8px}
footer{background:#000;color:#aaa;text-align:center;padding:28px;font-size:14px}

.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:20px;z-index:50}
.hidden{display:none}
.modal-box{background:#fff;width:min(620px,100%);border-radius:10px;padding:30px;position:relative}
.close{position:absolute;right:10px;top:5px;border:0;background:none;font-size:30px;cursor:pointer}
.detail img{width:100%;height:280px;object-fit:contain;background:#fafafa}
.detail h2{font-size:23px}.detail .price{font-size:28px;color:var(--blue);margin:15px 0}

@media(max-width:1100px){
.header{height:auto;padding:18px 4%}.brand{min-width:0}.brand strong{font-size:34px}.brand span{font-size:20px}
nav{gap:25px}nav a{font-size:18px}
.catalog>h2{font-size:48px}
}
@media(max-width:700px){
.header{flex-wrap:wrap}.brand{width:100%}.brand img{width:58px;height:50px}.brand strong{font-size:28px}.brand span{font-size:17px}
nav{width:100%;justify-content:space-between}.hero-video{padding:55px 18px}.hero-video h1{font-size:32px}
.video-grid{grid-template-columns:1fr;gap:28px}.video-card:nth-child(2){max-width:none}.video-card video,.video-card:nth-child(2) video{height:350px}
.notice h2{font-size:50px}.notice p,.notice h3,.headline,.support{font-size:17px}
.catalog{padding:48px 14px 65px}.catalog>h2{font-size:42px;margin-bottom:32px}
.tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;margin-bottom:25px}
.tabs button{font-size:15px;padding:12px 15px}
.products{display:flex !important;flex-wrap:wrap !important}.product{width:calc(50% - 8px) !important;flex:0 0 calc(50% - 8px) !important;margin:0 4px 18px !important}
.info{padding:12px 8px 15px;min-height:78px}.info h3{font-size:15px}
.price{font-size:16px;margin-top:6px}
#orderForm{flex-direction:column}
}
@media(max-width:430px){.products{display:block !important}.product{width:100% !important;display:block !important;margin:0 0 18px !important}.product img{aspect-ratio:1/1}}


/* V9 商品陳列：以 inline-block + 內聯寬度雙重保證桌面五欄 */
.catalog .products{
  display:block !important;
  width:100% !important;
  max-width:1500px !important;
  margin:0 auto !important;
  padding:0 !important;
  font-size:0 !important;
  text-align:left !important;
}
.catalog .products .product{
  display:inline-block !important;
  vertical-align:top !important;
  box-sizing:border-box !important;
  width:18% !important;
  margin:0 1% 40px !important;
  padding:0 !important;
  font-size:16px !important;
  background:#fff;
  overflow:hidden;
  border:1px solid #edf0f3;
  cursor:pointer;
}
.catalog .products .product img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1/1 !important;
  object-fit:cover !important;
}
.catalog .products .product .info{
  text-align:center !important;
  padding:15px 10px 18px !important;
}
.catalog .products .product .info h3{
  margin:0 !important;
  font-size:18px !important;
  line-height:1.4 !important;
}
.catalog .products .product .price{
  margin-top:8px !important;
  font-size:18px !important;
  font-weight:800 !important;
}
@media(max-width:1100px){
  .catalog .products .product{width:30% !important;margin-left:1.66% !important;margin-right:1.66% !important}
}
@media(max-width:700px){
  .catalog .products .product{width:46% !important;margin-left:2% !important;margin-right:2% !important}
}
@media(max-width:430px){
  .catalog .products .product{display:block !important;width:100% !important;margin:0 0 18px !important}
}


/* =========================
   V11 最終商品陳列規則
   ========================= */
#productWall{
  width:100% !important;
  max-width:1500px !important;
  margin:0 auto !important;
}

.product-group{
  width:100% !important;
  margin:0 0 58px !important;
}

.product-row{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:24px !important;
  width:100% !important;
  align-items:start !important;
}

.product-row .product{
  display:block !important;
  width:auto !important;
  margin:0 !important;
  box-sizing:border-box !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.product-row .product img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1/1 !important;
  object-fit:cover !important;
}

.product-row .product .info{
  text-align:center !important;
  padding:14px 8px 18px !important;
}

.product-row .product .info h3{
  margin:0 !important;
  line-height:1.45 !important;
}

.product-row .limited-product{
  border:2px solid #e53935 !important;
}

.product-row .limited-product .limited-name{
  color:#e53935 !important;
  font-weight:900 !important;
}

@media(max-width:1100px){
  .product-row{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:800px){
  .product-row{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:560px){
  .product-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;}
}
@media(max-width:360px){
  .product-row{grid-template-columns:1fr !important;}
}

/* V12：爆款新人限購標題使用橙色 */
.product-row .limited-product .limited-name{
  color:#f28c00 !important;
}

/* =========================
   V13：直接下單頁
   ========================= */
.limited-name{
  color:#f28c00 !important;
  font-weight:900 !important;
}

.direct-order{
  min-height:70vh;
  background:#f6f7f9;
  padding:50px 24px 80px;
}

.direct-order.hidden{
  display:none !important;
}

.order-inner{
  width:min(1100px,100%);
  margin:0 auto;
}

.back-btn{
  border:0;
  background:transparent;
  font-size:16px;
  cursor:pointer;
  padding:8px 0 20px;
}

.order-heading{
  margin-bottom:28px;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.order-heading span{
  font-size:32px;
  font-weight:800;
}

.order-heading small{
  color:#777;
  font-size:14px;
}

.order-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:36px;
  background:#fff;
  padding:32px;
  border-radius:6px;
  box-shadow:0 8px 30px rgba(0,0,0,.06);
}

.order-product img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
  max-width:480px;
}

.order-product h2{
  margin:20px 0 8px;
  font-size:24px;
}

.order-product p{
  color:#777;
}

.order-price{
  margin-top:14px;
  font-size:28px;
  font-weight:900;
}

.direct-order-form{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.direct-order-form label{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-weight:700;
}

.direct-order-form input,
.direct-order-form textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #ddd;
  border-radius:4px;
  padding:12px;
  font-size:16px;
  font-family:inherit;
}

.order-total-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid #eee;
  padding-top:18px;
  margin-top:4px;
}

.order-total-row strong{
  font-size:24px;
}

.submit-order{
  border:0;
  border-radius:4px;
  padding:14px 20px;
  background:#1268a8;
  color:#fff;
  font-size:17px;
  font-weight:800;
  cursor:pointer;
}

.result{
  margin-top:25px;
  background:#fff;
  padding:24px;
  border-radius:6px;
  line-height:1.8;
}

@media(max-width:750px){
  .order-layout{
    grid-template-columns:1fr;
    padding:20px;
  }
}

/* V14：重新設計訂單頁 */
body.order-mode{background:#f5f7fa}
body.order-mode main,body.order-mode footer{display:none !important}
body.order-mode .direct-order{display:block !important}
.direct-order{min-height:calc(100vh - 162px);background:#f5f7fa;padding:34px 24px 90px}
.order-inner{width:min(1180px,100%);margin:0 auto}
.back-btn{display:inline-flex;align-items:center;gap:8px;border:0;background:#fff;color:#333;border-radius:8px;padding:10px 15px;margin-bottom:24px;font-size:15px;font-weight:700;box-shadow:0 2px 10px rgba(0,0,0,.05);cursor:pointer}
.order-heading{margin-bottom:24px}
.order-heading>span{display:block;font-size:32px;font-weight:900;margin-top:18px}
.order-heading>small{display:block;color:#7b8490;font-size:14px;margin-top:7px}
.order-step{display:flex;align-items:center;gap:9px;color:#9aa3ad;font-size:13px}
.order-step span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid #cbd1d8;background:#fff;font-weight:800}
.order-step span.done{background:#075fa8;color:#fff;border-color:#075fa8}
.order-step b{font-weight:700}.order-step i{height:1px;width:60px;background:#d6dbe0;display:block}
.order-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:28px;background:transparent;padding:0;box-shadow:none}
.order-product{background:#fff;border:1px solid #e7ebef;border-radius:12px;padding:24px;box-shadow:0 8px 30px rgba(15,30,45,.05)}
.product-preview{background:#f7f8fa;border-radius:10px;display:grid;place-items:center;overflow:hidden;max-height:500px}
.order-product img{width:min(100%,480px);aspect-ratio:1/1;object-fit:cover;display:block}
.product-summary{padding:20px 4px 0}.summary-tag{display:inline-block;background:#eef6fc;color:#075fa8;padding:5px 9px;border-radius:5px;font-size:12px;font-weight:800}.order-product h2{margin:11px 0 7px;font-size:25px;line-height:1.4}.order-product p{margin:0;color:#7a828b;font-size:14px}.order-price{margin-top:14px;font-size:29px;font-weight:900;color:#075fa8}
.order-notice{margin-top:22px;padding:13px 15px;background:#f8fafc;border-left:3px solid #075fa8;color:#68727d;font-size:13px;line-height:1.7;border-radius:4px}.order-notice b{color:#333}
.direct-order-form{background:#fff;border:1px solid #e7ebef;border-radius:12px;padding:28px;box-shadow:0 8px 30px rgba(15,30,45,.05);gap:17px}.form-title{font-size:19px;font-weight:900;margin-bottom:1px}.direct-order-form label{gap:8px;font-size:14px;color:#303943}.direct-order-form label em{color:#e53935;font-style:normal}.optional{color:#9aa3ad;font-weight:400;margin-left:4px}.direct-order-form input,.direct-order-form textarea{border:1px solid #d9dfe5;border-radius:7px;padding:12px 13px;font-size:15px;outline:none;background:#fff;transition:.2s}.direct-order-form input:focus,.direct-order-form textarea:focus{border-color:#075fa8;box-shadow:0 0 0 3px rgba(7,95,168,.08)}.qty-control{display:grid;grid-template-columns:44px 1fr 44px;border:1px solid #d9dfe5;border-radius:7px;overflow:hidden;height:46px}.qty-control button{border:0;background:#f6f7f8;font-size:20px;cursor:pointer}.qty-control input{border:0;border-left:1px solid #e2e5e8;border-right:1px solid #e2e5e8;text-align:center;height:44px;border-radius:0;box-shadow:none}.order-total-row{margin-top:3px;padding:18px 0 4px;border-top:1px solid #edf0f2;display:flex;justify-content:space-between;align-items:center}.order-total-row span{color:#606b76;font-size:15px}.order-total-row strong{font-size:27px;color:#075fa8}.submit-order{border:0;border-radius:8px;padding:15px 20px;background:#075fa8;color:#fff;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 6px 15px rgba(7,95,168,.2)}.submit-order:hover{filter:brightness(.95)}.secure-tip{text-align:center;color:#9aa3ad;font-size:12px;margin:0}.direct-order-form.submitted{display:none}
.success-result{background:#fff;border:1px solid #dfe8e3;border-radius:12px;padding:30px;margin-top:28px;text-align:center}.success-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;background:#eaf8f0;color:#16834b;font-size:31px;font-weight:900}.success-result h3{margin:0;font-size:23px}.success-sub{color:#7a838d;margin:7px 0 23px}.success-grid{display:grid;grid-template-columns:1fr 1fr;text-align:left;border:1px solid #edf0f2;border-radius:9px;overflow:hidden}.success-grid div{padding:13px 15px;border-bottom:1px solid #edf0f2}.success-grid div:nth-child(odd){border-right:1px solid #edf0f2}.success-grid span{display:block;color:#929aa3;font-size:12px;margin-bottom:4px}.success-grid b{font-size:14px}.success-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.success-actions button{border:1px solid #d5dce3;background:#fff;border-radius:7px;padding:10px 16px;font-family:inherit;font-weight:800;cursor:pointer}.success-actions button:last-child{background:#075fa8;border-color:#075fa8;color:#fff}
@media(max-width:850px){.direct-order{padding:22px 15px 60px}.order-layout{grid-template-columns:1fr}.order-product{padding:18px}.direct-order-form{padding:22px}.order-step i{width:25px}.order-heading>span{font-size:27px}}
@media(max-width:520px){.order-step{gap:5px;font-size:11px}.order-step span{width:23px;height:23px}.order-step i{width:15px}.success-grid{grid-template-columns:1fr}.success-grid div:nth-child(odd){border-right:0}.success-actions{flex-direction:column}.success-actions button{width:100%}}


/* =========================
   V16：極簡高級訂單頁
   ========================= */
body.order-mode{background:#f4f6f8}
body.order-mode .header{
  height:10px;min-height:10px;padding:0;background:#254b86;overflow:hidden
}
body.order-mode .header>*{display:none!important}
body.order-mode main,body.order-mode footer{display:none!important}
body.order-mode .direct-order{display:block!important}
.direct-order{min-height:calc(100vh - 10px);background:#f4f6f8;padding:0 22px 64px}
.order-page-shell{width:min(1080px,100%);margin:0 auto}
.order-topbar{height:72px;display:flex;align-items:center;justify-content:space-between}
.order-back{border:0;background:transparent;color:#334155;padding:9px 0;font:700 14px/1 inherit;cursor:pointer}
.order-back:hover{color:#075fa8}
.order-brand{display:flex;align-items:baseline;gap:10px}
.order-brand span{font-size:19px;font-weight:900;letter-spacing:.5px;color:#172033}
.order-brand small{color:#9aa3ae;font-size:12px}
.order-titlebar{padding:14px 0 28px}
.order-breadcrumb{color:#8b95a1;font-size:12px;margin-bottom:10px}
.order-titlebar h1{margin:0;font-size:32px;letter-spacing:-.5px;color:#172033}
.order-titlebar p{margin:8px 0 0;color:#7b8592;font-size:14px}
.order-main{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:34px;align-items:stretch}
.order-product-card,.order-form-card{background:#fff;border:1px solid #e8ebef;border-radius:14px;box-shadow:0 10px 34px rgba(24,39,58,.06)}
.order-product-card{padding:24px;display:flex;flex-direction:column}
.order-image-wrap{background:#f7f8fa;border-radius:10px;overflow:hidden;display:grid;place-items:center;min-height:440px}
.order-image-wrap img{width:100%;height:440px;object-fit:contain;display:block}
.order-product-info{padding:20px 4px 2px}
.order-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.order-badges span{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#f5f7f9;color:#697584;font-size:11px;border:1px solid #edf0f3}
.order-product-info h2{margin:0;font-size:22px;line-height:1.45;color:#1b2636}
.order-category{margin:7px 0 0!important;color:#89929d!important;font-size:13px!important}
.order-product-price{margin-top:12px;color:#e74b3c;font-size:30px;line-height:1.1;font-weight:900}
.order-product-note{margin-top:20px;padding:13px 14px;background:#fafbfc;border:1px solid #edf0f3;border-radius:8px}
.order-product-note strong{font-size:13px;color:#344054}
.order-product-note p{margin:5px 0 0;color:#7c8794;font-size:12px;line-height:1.7}
.order-form-card{padding:27px 28px 22px;display:flex;flex-direction:column;gap:18px}
.form-section-title{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:2px}
.form-section-title h2{margin:0;color:#172033;font-size:20px}
.form-section-title p{margin:5px 0 0;color:#929ba6;font-size:12px}
.secure-badge{color:#16834b;background:#ecf8f0;border:1px solid #d9f0e1;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}
.order-field{display:flex;flex-direction:column;gap:8px}
.order-field>span{font-size:13px;font-weight:800;color:#344054}
.order-field em{color:#e34b3d;font-style:normal}
.order-field input{width:100%;height:46px;border:1px solid #dce1e6;border-radius:7px;padding:0 13px;font:14px inherit;color:#1f2937;outline:none;background:#fff}
.order-field input:focus{border-color:#315d9c;box-shadow:0 0 0 3px rgba(49,93,156,.08)}
.order-field small{color:#9aa3ae;font-size:11px;line-height:1.4}
.qty-control{display:grid;grid-template-columns:44px 1fr 44px;height:46px;border:1px solid #dce1e6;border-radius:7px;overflow:hidden}
.qty-control button{border:0;background:#f8f9fa;color:#344054;font-size:18px;cursor:pointer}
.qty-control button:hover{background:#eef1f4}
.qty-control input{border:0!important;border-left:1px solid #e6e9ed!important;border-right:1px solid #e6e9ed!important;border-radius:0!important;text-align:center;box-shadow:none!important;height:44px;font-weight:800}
.payment-box{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:8px;background:#f8f9fa;border:1px solid #edf0f3}
.payment-label{display:block;color:#778291;font-size:11px;margin-bottom:3px}
.payment-box strong{color:#263548;font-size:13px}
.payment-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #55bd83;background:#ecfaf1;color:#1ca464;border-radius:7px;font-size:22px;font-weight:900}
.order-total{display:flex;justify-content:space-between;align-items:end;padding:17px 0 3px;border-top:1px solid #edf0f2}
.order-total span{color:#687483;font-size:13px}
.order-total strong{color:#e74b3c;font-size:28px;font-weight:900}
.submit-order{width:100%;min-height:52px;border:0;border-radius:7px;background:#2d455d;color:#fff;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-size:15px;font-weight:900}
.submit-order:hover{background:#24394e}
.submit-order small{color:#d6dee6;font-size:10px;font-weight:400}
.customer-service-btn{width:100%;height:46px;border:0;border-radius:7px;background:#18a2b8;color:#fff;font:800 14px inherit;cursor:pointer}
.customer-service-btn:hover{filter:brightness(.96)}
.order-security{margin:0!important;text-align:center;color:#a1a9b2;font-size:10px!important}
.direct-order-form.submitted{display:none!important}
.order-information{margin-top:32px;background:#fff;border:1px solid #e8ebef;border-radius:14px;padding:26px 28px;box-shadow:0 8px 28px rgba(24,39,58,.04)}
.information-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 40px}
.information-grid h3{margin:0 0 7px;color:#263548;font-size:14px}
.information-grid p{margin:0;color:#7e8995;font-size:12px;line-height:1.75}
.success-result{width:min(600px,100%);margin:30px auto 0;background:#fff;border:1px solid #e2e8e4;border-radius:14px;box-shadow:0 10px 34px rgba(24,39,58,.06);padding:32px;text-align:center}
.success-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:#eaf8f0;color:#16834b;font-size:28px;font-weight:900}
.success-result h3{margin:0;color:#172033;font-size:22px}
.success-sub{margin:7px 0 22px;color:#7f8995;font-size:12px}
.success-grid{display:grid;grid-template-columns:1fr 1fr;text-align:left;border:1px solid #edf0f2;border-radius:8px;overflow:hidden}
.success-grid div{padding:12px 13px;border-bottom:1px solid #edf0f2}
.success-grid div:nth-child(odd){border-right:1px solid #edf0f2}
.success-grid div:nth-last-child(-n+2){border-bottom:0}
.success-grid span{display:block;color:#9aa3ae;font-size:10px;margin-bottom:4px}
.success-grid b{color:#344054;font-size:13px}
.pending-status{color:#e58a19!important}
.success-password{margin-top:14px;padding:11px 13px;background:#fff9ed;border:1px solid #f8e5b7;border-radius:7px;color:#856d36;font-size:12px}
.success-password strong{color:#ad7914}
.success-password small{display:block;margin-top:3px;color:#a18e63;font-size:10px}
.success-actions{display:flex;gap:9px;margin-top:17px}
.success-actions button{flex:1;height:42px;border:1px solid #dce1e6;border-radius:7px;background:#fff;color:#344054;font:800 12px inherit;cursor:pointer}
.success-actions button:last-child{background:#2d455d;color:#fff;border-color:#2d455d}
.order-query-result{padding:22px!important}
.query-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #edf0f2}
.query-head span{display:block;color:#98a1ab;font-size:11px;margin-bottom:4px}
.query-head strong{font-size:17px;color:#263548}
.status-pill{padding:6px 10px;border-radius:999px;background:#fff5e8;color:#c77b13;font-size:11px}
.query-list{display:grid;grid-template-columns:1fr 1fr}
.query-list div{padding:12px 0;border-bottom:1px solid #f0f2f4}
.query-list div:nth-child(odd){padding-right:18px}
.query-list span{display:block;color:#9aa3ae;font-size:10px;margin-bottom:4px}
.query-list b{color:#344054;font-size:12px;font-weight:700}
#orderForm{max-width:900px}
#orderForm input{flex:1;min-width:0}
@media(max-width:820px){
  .direct-order{padding:0 15px 45px}
  .order-topbar{height:62px}
  .order-brand small{display:none}
  .order-titlebar{padding-top:8px}
  .order-titlebar h1{font-size:27px}
  .order-main{grid-template-columns:1fr;gap:18px}
  .order-product-card{padding:18px}
  .order-image-wrap{min-height:330px}
  .order-image-wrap img{height:330px}
  .order-form-card{padding:22px}
  .order-information{padding:21px}
}
@media(max-width:560px){
  .order-titlebar p{font-size:12px;line-height:1.6}
  .order-brand span{font-size:17px}
  .order-product-info h2{font-size:19px}
  .order-product-price{font-size:26px}
  .order-image-wrap,.order-image-wrap img{height:290px;min-height:290px}
  .information-grid{grid-template-columns:1fr;gap:18px}
  .success-result{padding:22px 16px}
  .success-grid,.query-list{grid-template-columns:1fr}
  .success-grid div:nth-child(odd){border-right:0}
  .success-grid div:nth-last-child(-n+2){border-bottom:1px solid #edf0f2}
  .success-grid div:last-child{border-bottom:0}
  .success-actions{flex-direction:column}
  #orderForm{flex-direction:column}
}

/* =========================
   V17：訂單頁正式版
   依照參考頁重新整理：保留天龍商務 Header/Footer，商品左、下單右。
   支付方式維持原本的 Epusdt [trc20] 顯示，不做升級。
   ========================= */
body.order-mode{background:#f3f5f8}
body.order-mode main{display:none!important}
body.order-mode .header{display:flex!important;height:78px;min-height:78px;padding:0 max(28px,calc((100% - 1180px)/2));background:#05070b;border-bottom:3px solid #2a5593;color:#fff}
body.order-mode .header .brand{display:flex!important;min-width:0;gap:12px;align-items:center}
body.order-mode .header .brand img{display:block!important;width:48px;height:42px}
body.order-mode .header .brand strong{font-size:27px;line-height:1}
body.order-mode .header .brand span{font-size:15px;color:#b9c0ca;margin-left:5px}
body.order-mode .header nav{display:flex!important;gap:34px;margin-left:auto}
body.order-mode .header nav a{font-size:14px;text-decoration:none;color:#fff}
body.order-mode footer{display:block!important;background:#05070b;color:#aeb7c2;border-top:0;padding:25px 20px;font-size:12px;text-align:center}
body.order-mode .direct-order{display:block!important;min-height:calc(100vh - 78px);background:#f3f5f8;padding:28px 20px 55px}
.order-page-shell{width:min(1000px,100%);margin:0 auto}
.order-topbar{height:auto;margin:0 0 14px;display:flex;align-items:center;justify-content:space-between}
.order-back{border:0;background:transparent;color:#536273;padding:4px 0;font:700 14px/1.4 inherit;cursor:pointer}
.order-back:hover{color:#075fa8}
.order-brand{display:none}
.order-titlebar{padding:4px 0 22px}
.order-breadcrumb{font-size:12px;color:#8c96a3;margin-bottom:7px}
.order-titlebar h1{font-size:28px;color:#182536;margin:0;font-weight:900}
.order-titlebar p{font-size:13px;color:#7b8794;margin:7px 0 0}
.order-main{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);gap:28px;align-items:stretch}
.order-product-card,.order-form-card{background:#fff;border:1px solid #e7ebef;border-radius:13px;box-shadow:0 8px 25px rgba(20,35,55,.07)}
.order-product-card{padding:20px;display:flex;flex-direction:column;min-height:610px}
.order-image-wrap{background:#fff;border-radius:8px;overflow:hidden;display:grid;place-items:center;min-height:430px;flex:1}
.order-image-wrap img{width:100%;height:430px;object-fit:contain;display:block}
.order-product-info{padding:17px 2px 0}
.order-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.order-badges span{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f6f8fa;color:#6f7b88;border:1px solid #edf0f3;font-size:11px}
.order-product-info h2{margin:0;font-size:20px;line-height:1.45;color:#1b2939}
.order-category{margin:5px 0 0!important;color:#8b95a1!important;font-size:12px!important}
.order-product-price{margin-top:9px;font-size:29px;line-height:1;color:#e74b3c;font-weight:900}
.order-product-note{margin-top:15px;padding:11px 13px;background:#f8fafc;border-radius:7px;border:1px solid #edf0f3}
.order-product-note strong{font-size:12px;color:#334155}
.order-product-note p{margin:4px 0 0;color:#7b8794;font-size:11px;line-height:1.65}
.order-form-card{padding:24px 25px 20px;display:flex;flex-direction:column;gap:16px}
.form-section-title{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1px}
.form-section-title h2{margin:0;color:#1b2939;font-size:19px}
.form-section-title p{margin:5px 0 0;color:#8b95a1;font-size:11px}
.secure-badge{display:none}
.order-field{display:flex;flex-direction:column;gap:7px}
.order-field>span{font-size:13px;font-weight:800;color:#344054}
.order-field em{color:#e34b3d;font-style:normal}
.order-field input{width:100%;height:43px;border:1px solid #dce1e6;border-radius:6px;padding:0 12px;font:13px inherit;color:#1f2937;outline:none;background:#fff}
.order-field input:focus{border-color:#315d9c;box-shadow:0 0 0 3px rgba(49,93,156,.08)}
.order-field small{color:#9aa3ae;font-size:10px;line-height:1.4}
.qty-control{display:grid;grid-template-columns:40px 1fr 40px;height:43px;border:1px solid #dce1e6;border-radius:6px;overflow:hidden}
.qty-control button{border:0;background:#f8f9fa;color:#344054;font-size:17px;cursor:pointer}
.qty-control input{border:0!important;border-left:1px solid #e6e9ed!important;border-right:1px solid #e6e9ed!important;border-radius:0!important;text-align:center;box-shadow:none!important;height:41px;font-weight:800}
.payment-box{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-radius:7px;background:#f7f8fa;border:1px solid #edf0f3}
.payment-label{display:block;color:#334155;font-size:13px;font-weight:800;margin-bottom:2px}
.payment-box strong{color:#334155;font-size:12px}
.payment-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #55bd83;background:#ecfaf1;color:#1ca464;border-radius:7px;font-size:21px;font-weight:900}
.order-total{display:flex;justify-content:space-between;align-items:end;padding:14px 0 1px;border-top:1px solid #edf0f2}
.order-total span{color:#687483;font-size:12px}
.order-total strong{color:#e74b3c;font-size:27px;font-weight:900}
.submit-order{width:100%;min-height:50px;border:0;border-radius:6px;background:#2d455d;color:#fff;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900}
.submit-order small{display:none}
.customer-service-btn{width:100%;height:44px;border:0;border-radius:6px;background:#159db3;color:#fff;font:800 13px inherit;cursor:pointer}
.order-security{margin:0!important;text-align:center;color:#a1a9b2;font-size:10px!important}
.order-information{margin-top:28px;background:#fff;border:1px solid #e7ebef;border-radius:13px;padding:25px 27px;box-shadow:0 7px 24px rgba(20,35,55,.05)}
.information-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 45px}
.information-grid h3{margin:0 0 7px;color:#263548;font-size:14px}
.information-grid p{margin:0;color:#7e8995;font-size:12px;line-height:1.8}
.success-result{width:min(620px,100%);margin:28px auto 0;background:#fff;border:1px solid #e2e8e4;border-radius:13px;box-shadow:0 8px 28px rgba(20,35,55,.06);padding:30px;text-align:center}
@media(max-width:820px){
 body.order-mode .header{height:auto;min-height:68px;padding:12px 18px;flex-wrap:wrap;gap:10px}
 body.order-mode .header .brand{width:auto}
 body.order-mode .header .brand strong{font-size:22px}
 body.order-mode .header .brand span{font-size:13px}
 body.order-mode .header nav{width:100%;justify-content:flex-end;gap:22px}
 body.order-mode .header nav a{font-size:13px}
 body.order-mode .direct-order{padding:18px 14px 40px}
 .order-titlebar h1{font-size:25px}
 .order-main{grid-template-columns:1fr;gap:18px}
 .order-product-card{min-height:0;padding:16px}
 .order-image-wrap{min-height:330px}
 .order-image-wrap img{height:330px}
 .order-form-card{padding:21px}
}
@media(max-width:560px){
 body.order-mode .header nav{justify-content:space-between}
 body.order-mode .header .brand span{display:none}
 .order-titlebar p{line-height:1.6}
 .order-image-wrap,.order-image-wrap img{height:280px;min-height:280px}
 .information-grid{grid-template-columns:1fr;gap:18px}
 .success-result{padding:22px 16px}
}
.order-query-link{display:inline-flex;align-items:center;margin-top:12px;padding:11px 18px;border-radius:7px;background:#315f9f;color:#fff;text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 5px 12px rgba(49,95,159,.16)}.order-query-link:hover{background:#285388}

/* ===== 22 ===== */
.product-row .limited-product{
  position:relative;
  overflow:hidden;
  border:2px solid #f28c00 !important;
  border-radius:8px;
  background:linear-gradient(180deg,#fff8e8 0%,#ffffff 55%) !important;
  box-shadow:0 3px 10px rgba(242,140,0,.18);
}

.product-row .limited-product::before{
  content:"";
  display:flex;
  align-items:center;
  justify-content:center;
  height:54px;
  background:linear-gradient(135deg,#f28c00,#ffb52e);
  color:#fff;
  font-size:20px;
  font-weight:900;
  letter-spacing:2px;
}

.product-row .limited-product img{
  display:none !important;
}

.product-row .limited-product .info{
  padding:18px 10px 14px !important;
  text-align:center;
}

.product-row .limited-product .info h3{
  color:#d65f00 !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.5;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.product-row .limited-product .price{
  color:#e53900 !important;
  font-size:18px !important;
  font-weight:900 !important;
  margin-top:8px;
}

