:root{
  --bg:#080a1d;
  --panel:#151936;
  --panel2:#1a1e46;
  --line:#2a2e58;
  --text:#f4f7ff;
  --muted:#7e89b0;
  --cyan:#39d9ff;
  --blue:#4d83ff;
  --pink:#d85bd8;
  --green:#50d9ae;
  --gold:#e0c17d
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.osstore-body{
  margin:0;
  color:var(--text);
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
  background:radial-gradient(circle at 8% 28%,rgba(21,146,190,.22),transparent 24%),radial-gradient(circle at 93% 43%,rgba(180,35,148,.2),transparent 30%),linear-gradient(120deg,#061b2b 0%,#080b1e 42%,#170b20 100%);
  min-height:100vh;
  font-size:14px;
  overflow-x:hidden
}
body.osstore-body:before,body.osstore-body:after{
  content:"";
  position:fixed;
  pointer-events:none;
  z-index:-1;
  border:1px solid rgba(148,58,178,.12);
  border-radius:50%
}
body.osstore-body:before{width:580px;height:580px;right:-190px;top:85px}
body.osstore-body:after{width:750px;height:750px;right:-305px;top:180px}
a{color:inherit;text-decoration:none}
.wrap{width:min(1490px,calc(100% - 64px));margin:0 auto}
.topbar{
  height:76px;margin-top:16px;border:1px solid rgba(125,139,210,.22);border-radius:25px;
  background:rgba(23,24,57,.82);box-shadow:0 0 32px rgba(72,65,169,.12);
  display:flex;align-items:center;padding:0 17px;position:sticky;top:14px;z-index:10;backdrop-filter:blur(18px)
}
.brand{display:flex;align-items:center;gap:14px}
.logo{
  width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-size:18px;font-weight:800;
  background:linear-gradient(145deg,#32d7ff 0%,#7064ff 52%,#e24cae 100%);box-shadow:0 8px 25px rgba(80,98,255,.4)
}
.brand-cn{font-size:17px;font-weight:700;letter-spacing:.2px}
.brand-en{margin-top:4px;font-size:10px;letter-spacing:2.4px;color:#69729c}
.nav{display:flex;margin-left:auto;gap:8px;height:100%;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.nav a{color:#8e95b6;padding:11px 16px;border-radius:16px;transition:.2s;white-space:nowrap}
.nav a:hover,.nav a.active{background:rgba(74,74,123,.36);color:#fff}
.nav-toggle{display:none;margin-left:auto;border:0;background:rgba(74,74,123,.36);color:#fff;border-radius:12px;padding:8px 12px;cursor:pointer}
main{padding:32px 0 78px}
.eyebrow{font-size:11px;letter-spacing:2.5px;color:#8897c9;font-weight:700}
.hero{
  height:417px;border:1px solid rgba(85,103,183,.25);border-radius:34px;
  background:radial-gradient(circle at 50% 43%,rgba(50,61,160,.38),transparent 29%),linear-gradient(115deg,rgba(20,62,95,.82),rgba(19,17,53,.86) 47%,rgba(74,16,72,.62));
  display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;margin-bottom:25px
}
.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(215,79,195,.2);border-radius:50%;transform:rotate(12deg)}
.hero:before{width:660px;height:210px}
.hero:after{width:490px;height:170px;transform:rotate(24deg)}
.hero .inner{position:relative;z-index:1}
.hero .eyebrow{color:#9aa1ca;margin-bottom:16px}
.hero h1{font-size:48px;line-height:1.18;margin:0;font-weight:800;letter-spacing:1px;text-shadow:0 5px 24px rgba(31,75,255,.2)}
.hero h1 span{display:block;background:linear-gradient(90deg,#32d9ff,#b75bde);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero p{color:#9198b6;font-size:15px;margin:20px 0 26px}
.actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.btn{border:1px solid transparent;border-radius:15px;padding:14px 26px;font-size:15px;font-weight:700;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center}
.btn.primary{color:#fff;background:linear-gradient(100deg,#26caf2,#6b63f5 56%,#dc5bc4);box-shadow:0 8px 26px rgba(64,126,243,.28)}
.btn.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn.ghost{border-color:rgba(131,142,195,.3);background:rgba(51,54,97,.25);color:#aab0ce}
.btn.ghost:hover{background:rgba(64,68,120,.45);color:#fff}
.btn.block{width:100%}
.btn[disabled],.btn.is-disabled{opacity:.45;cursor:not-allowed;transform:none}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:4px 4px 15px;gap:16px}
.section-head h2{font-size:24px;margin:7px 0 0}
.tiny-links{color:#7d87ad;font-size:12px}
.tiny-links span{margin:0 8px;color:#5572c9}
.class-list{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.class-chip{padding:8px 14px;border-radius:999px;border:1px solid rgba(89,105,195,.34);color:#8e95b6;background:rgba(24,27,62,.55)}
.class-chip.active,.class-chip:hover{color:#fff;background:rgba(74,74,123,.45);border-color:rgba(57,217,255,.35)}
.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.product{min-height:260px;border:1px solid rgba(89,105,195,.34);border-radius:26px;padding:28px;background:linear-gradient(115deg,#1a1e4b,#101431 68%,#142c50);position:relative;overflow:hidden;display:flex;flex-direction:column}
.product.tool,.product:nth-child(even){background:linear-gradient(115deg,#1a1944,#191331 64%,#48184a)}
.product:after{content:"";position:absolute;right:-80px;top:-100px;width:240px;height:240px;border-radius:50%;background:rgba(41,142,199,.18);filter:blur(1px)}
.product.tool:after,.product:nth-child(even):after{background:rgba(210,63,162,.18)}
.product>*{position:relative;z-index:1}
.product .tag{display:inline-flex;gap:10px;font-size:11px;letter-spacing:1.7px;color:#32d4ff;font-weight:700}
.product.tool .tag,.product:nth-child(even) .tag{color:#f27dbf}
.number{color:#63739e;margin-right:2px}
.product h3{font-size:23px;margin:22px 0 8px}
.product p{color:#8f98bb;margin:0;font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.price{margin-top:20px;font-size:31px;font-weight:800}
.price small{font-size:13px;color:#8490b8;font-weight:400;margin-left:7px}
.product-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(128,141,205,.14);padding-top:18px;margin-top:auto;color:#687396;font-size:12px;gap:12px}
.detail-link{border:1px solid rgba(58,196,236,.35);background:rgba(37,97,135,.2);padding:11px 15px;border-radius:14px;color:#b3dded;font-size:13px;font-weight:700;white-space:nowrap}
.product.tool .detail-link,.product:nth-child(even) .detail-link{border-color:rgba(214,73,169,.36);background:rgba(119,29,95,.25);color:#f1b4db}
.empty-panel{padding:48px 24px;text-align:center;color:#8791b3;border:1px dashed rgba(89,105,195,.3);border-radius:22px;background:rgba(24,27,62,.45)}
footer{border-top:1px solid rgba(116,125,174,.13);padding:23px 0 19px;margin-top:54px;color:#667197;font-size:12px}
footer .foot-row{display:flex;justify-content:space-between;align-items:center}
.foot-brand{font-size:14px;color:#dbe0f3;font-weight:700}
.footer-nav{display:flex;gap:25px}
.online{position:fixed;right:22px;bottom:13px;background:#ffab15;color:#fff;padding:10px 13px;border-radius:7px;font-weight:700;z-index:20;box-shadow:0 3px 13px rgba(255,166,0,.25)}
.detail-wrap{padding-top:11px}
.crumbs{color:#6f7da6;margin:20px 0 29px}
.crumbs span{margin:0 10px;color:#47537e}
.detail-hero{min-height:305px;border-radius:26px;border:1px solid rgba(89,105,195,.34);background:linear-gradient(115deg,#1a1e4b,#111430 70%,#132f50);position:relative;overflow:hidden;padding:68px 57px}
.detail-hero.tool{background:linear-gradient(115deg,#1a1944,#11132f 70%,#32172f)}
.detail-hero:after{content:"";position:absolute;right:-4px;top:-170px;width:365px;height:365px;border-radius:50%;background:rgba(44,149,206,.2)}
.detail-hero.tool:after{background:rgba(208,58,163,.18)}
.detail-hero .hero-copy{position:relative;z-index:1}
.detail-hero h1{font-size:40px;margin:20px 0 16px}
.detail-hero p{font-size:16px;color:#8994ba;margin:0}
.checks{display:flex;gap:27px;margin-top:26px;color:#7f8caf;font-size:12px;flex-wrap:wrap}
.checks i{font-style:normal;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(41,185,146,.22);color:#4fd3aa;margin-right:7px}
.detail-grid{display:grid;grid-template-columns:minmax(0,2.1fr) 340px;gap:27px;margin-top:33px}
.left-col{display:grid;gap:18px}
.info-panel,.buy-panel,.auth-card,.query-card{
  border:1px solid rgba(89,105,195,.3);border-radius:20px;background:rgba(24,27,62,.88);padding:33px
}
.info-panel h2,.query-card h1{font-size:25px;margin:8px 0 19px}
.info-panel p,.info-html{color:#8791b3;font-size:15px;line-height:1.9;margin:8px 0;word-break:break-word}
.info-html img{max-width:100%;height:auto;border-radius:12px}
.included{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:19px}
.included div{padding:17px;background:rgba(36,46,88,.72);border-radius:11px;color:#8791b3}
.included b{color:#4fd3aa;font-size:16px;margin-right:7px}
.delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.delivery{padding:22px 18px;background:rgba(11,18,48,.62);border:1px solid rgba(76,101,180,.2);border-radius:12px}
.delivery .num{color:#5a79bc;font-size:12px}
.delivery strong{display:block;margin-top:19px;font-size:15px}
.note{border-left:3px solid #557cff;background:rgba(29,43,93,.6);padding:16px;margin-top:22px;color:#c5d0f0;font-size:16px;line-height:1.75}
.buy-panel{height:max-content;position:sticky;top:106px}
.buy-panel .caption{color:#7584b0;font-size:12px}
.buy-panel h2{font-size:20px;margin:15px 0 18px}
.buy-price,.os-need-input{
  font-size:32px;font-weight:800;color:#fff;background:transparent;border:0;width:100%;padding:0;outline:none
}
.stock{color:#6f7d9f;font-size:12px;margin:18px 0;display:flex;align-items:center;gap:8px}
.stock i{display:inline-block;width:8px;height:8px;background:#50dcae;border-radius:50%;box-shadow:0 0 10px #50dcae}
.os-stock-input{width:70px;background:transparent;border:0;color:#dbe0f3;font-weight:700}
.warning{border:1px solid rgba(224,193,125,.25);border-bottom:3px solid #ead9a3;border-radius:13px;padding:14px 13px;color:#d6b978;background:rgba(65,42,48,.55);font-size:14px;line-height:1.6;margin:16px 0}
#inputsname .from,#display_num{
  display:flex;flex-direction:column;gap:8px;margin:14px 0
}
#inputsname .from_in_2{width:100%}
#inputsname .yanzheng{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border-radius:10px;background:rgba(57,217,255,.12);color:#9adfff;cursor:pointer}
#display_num .num-row input{flex:1}
button.btn{font-family:inherit}
textarea.km-box{height:auto}
#inputsname .from_wz_3,.from_wz_3,label.os-label{color:#8b96b7;font-size:12px}
#inputsname input,#inputsname select,#display_num input,.os-field input,.os-field select,.query input,.km-box{
  width:100%;height:44px;border:1px solid rgba(89,105,195,.3);border-radius:12px;padding:0 14px;
  color:#f4f7ff;background:rgba(11,18,48,.72);outline:none;font-size:14px
}
#captcha-row{display:flex;align-items:center;gap:8px}
#captcha-row input{flex:1;width:auto;min-width:0}
#codeimg{height:44px;width:130px;flex:0 0 130px;border-radius:12px;background:#fff;cursor:pointer;object-fit:cover}
#captcha,#captcha_wait,#captcha_text{margin:12px 0;color:#8e95b6;min-height:24px}
#inputsname select{height:44px}
#display_num .num-row{display:flex;gap:8px}
#display_num .num-row .btn{min-width:44px;padding:0}
#alert_frame{display:none;margin-top:12px;color:#d6b978;font-size:13px;line-height:1.7}
.order-page{padding-top:18px;min-height:730px}
.query{display:flex;gap:7px;padding-bottom:21px;border-bottom:1px solid rgba(89,105,195,.25);margin-bottom:22px}
.query input{height:41px;width:385px}
.query button{height:41px;border:0;border-radius:10px;background:#3972e4;color:#fff;padding:0 17px;font-size:16px;font-weight:700;cursor:pointer}
.pickup-success{display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:12px;margin:0 0 22px;padding:24px;border:1px solid rgba(80,217,174,.32);border-radius:16px;background:rgba(80,217,174,.09)}
.pickup-success span{color:#8ba6a2;font-size:16px}
.pickup-success strong,.pickup-code{font-variant-numeric:tabular-nums;letter-spacing:.12em}
.pickup-success strong{color:#50d9ae;font-size:52px;line-height:1.15;font-weight:800}
.pickup-success strong{align-self:center}
.pickup-success p{margin:0;color:#d7e4ff;font-size:18px;line-height:1.7;font-weight:600}
.km-save-tip{
  width:100%;
  box-sizing:border-box;
  margin:4px 0 2px;
  padding:16px 18px;
  border:2px solid rgba(255,184,54,.7);
  border-radius:14px;
  background:rgba(255,171,21,.18);
  color:#ffe08a;
  font-size:22px;
  font-weight:800;
  line-height:1.45;
  text-align:center;
}
textarea.km-box{
  height:auto !important;
  min-height:150px;
  padding:16px !important;
  font-size:20px !important;
  line-height:1.7;
  font-weight:700;
  color:#50d9ae;
  resize:vertical;
}
.btn-copy-km{
  width:100%;
  min-height:64px;
  margin-top:6px;
  border:0;
  border-radius:16px;
  background:linear-gradient(100deg,#26caf2,#6b63f5 56%,#dc5bc4);
  box-shadow:0 10px 28px rgba(64,126,243,.38);
  color:#fff;
  font-size:22px;
  font-weight:800;
  cursor:pointer;
}
.btn-copy-km.is-copied{background:linear-gradient(100deg,#1bb37a,#50d9ae);box-shadow:0 8px 20px rgba(80,217,174,.35)}
.order-actions .btn-copy-km{width:100%}
.pickup-code{color:#50d9ae;font-size:22px;line-height:1.3;font-weight:800}
.order-list{display:grid;gap:14px}
.order-item{border:1px solid rgba(89,105,195,.28);border-radius:16px;padding:18px 20px;background:rgba(18,22,54,.72)}
.order-item h3{margin:0 0 8px;font-size:16px}
.order-meta{color:#8791b3;font-size:13px;line-height:1.8}
.order-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.status-ok{color:#50d9ae}
.status-wait{color:#4d83ff}
.status-doing{color:#e0c17d}
.status-err{color:#ff7b7b}
.status-back{color:#8e95b6}
.status-ok,.status-wait,.status-doing,.status-err,.status-back{
  display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(255,255,255,.06)
}
.status-ok{background:rgba(80,217,174,.14)}
.status-wait{background:rgba(77,131,255,.14)}
.status-doing{background:rgba(224,193,125,.14)}
.status-err{background:rgba(255,123,123,.14)}
.buy-price-wrap{margin:6px 0 4px}
.pay-list{display:grid;gap:10px;margin:18px 0}
.pay-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(89,105,195,.3);border-radius:14px;cursor:pointer;background:rgba(11,18,48,.55)}
.pay-item input{accent-color:#39d9ff}
.pay-item:has(input:checked){border-color:rgba(57,217,255,.45);background:rgba(37,97,135,.22)}
.pay-item img{width:22px;height:22px}
.order-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.order-item-top h3{margin:0;font-size:18px;line-height:1.4}
.order-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:4px}
.order-meta-grid div{display:flex;flex-direction:column;gap:4px}
.order-meta-grid span{color:#7e89b0;font-size:12px}
.order-meta-grid b{color:#f4f7ff;font-size:13px;font-weight:700;word-break:break-all}
.order-meta-grid .pickup-code{font-size:22px;color:#50d9ae}
.order-meta-grid .wide{grid-column:1 / -1}
body.osstore-auth{
  background-color:#070b1a;
  background-image:
    radial-gradient(circle at 14% 18%, rgba(57,217,255,.22), transparent 26%),
    radial-gradient(circle at 86% 12%, rgba(216,91,216,.2), transparent 24%),
    radial-gradient(circle at 78% 88%, rgba(77,131,255,.16), transparent 28%),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(160deg, #06101f 0%, #0b1028 42%, #170c26 100%);
  background-size:auto,auto,auto,52px 52px,52px 52px,auto
}
body.osstore-auth:before{width:680px;height:680px;right:-220px;top:40px;border-color:rgba(57,217,255,.12)}
body.osstore-auth:after{width:520px;height:520px;left:-180px;bottom:-120px;right:auto;top:auto;border-color:rgba(216,91,216,.14)}
.auth-wrap{max-width:980px;margin:36px auto 20px;display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}
.auth-visual{
  position:relative;overflow:hidden;border:1px solid rgba(89,105,195,.3);border-radius:24px;padding:42px 36px;
  background:linear-gradient(145deg, rgba(20,62,95,.78), rgba(19,17,53,.9) 48%, rgba(74,16,72,.7));
  min-height:460px;display:flex;flex-direction:column;justify-content:center
}
.auth-orb{
  position:absolute;width:260px;height:260px;right:-60px;top:-70px;border-radius:50%;
  background:radial-gradient(circle, rgba(57,217,255,.28), transparent 68%);pointer-events:none
}
.auth-visual h2{font-size:34px;line-height:1.28;margin:14px 0 16px;position:relative}
.auth-visual p{color:#9aa6cc;font-size:15px;line-height:1.8;margin:0 0 24px;position:relative}
.auth-points{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative}
.auth-points li{
  color:#dbe0f3;padding:12px 14px;border-radius:14px;background:rgba(11,18,48,.38);
  border:1px solid rgba(89,105,195,.22)
}
.auth-points li:before{content:"✓ ";color:#50d9ae;font-weight:700}
.auth-card{backdrop-filter:blur(18px);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.auth-card h1{margin:0 0 8px;font-size:28px}
.auth-card p{color:#8791b3;margin:0 0 24px}
.os-field{margin:0 0 16px}
.os-field .input-group{display:flex;gap:0}
.os-field .input-group-addon{display:flex;align-items:center;padding:0 12px;border:1px solid rgba(89,105,195,.3);border-right:0;border-radius:12px 0 0 12px;background:rgba(11,18,48,.72);color:#8e95b6}
.os-field .input-group input{border-radius:0 12px 12px 0}
.auth-links{display:flex;justify-content:space-between;margin-top:16px;color:#8e95b6;font-size:13px}
.third-login{margin-top:22px;text-align:center;color:#7e89b0}
.third-login img,.third-login .third-btn{width:42px;height:42px;border-radius:21px;display:inline-block;margin:8px;border:1px solid rgba(131,142,195,.3);cursor:pointer}
#captcha,#captcha_wait,#captcha_text{margin:12px 0;color:#8e95b6}
.km-box{min-height:180px;height:auto;padding:16px;line-height:1.8;resize:vertical}
#orderItem{width:100%;color:#dbe0f3}
#orderItem td{padding:8px;border-bottom:1px solid rgba(89,105,195,.18);word-break:break-all}
#alert_frame:empty{display:none !important}
.os-order-detail{padding:6px 2px 10px}
.os-order-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.os-order-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(89,105,195,.16)}
.os-order-row span{color:#7e89b0;flex:0 0 88px}
.os-order-row b{color:#f4f7ff;text-align:right;word-break:break-all;font-weight:700}
.os-order-block{margin-top:16px;padding:16px;border-radius:14px;background:rgba(11,18,48,.45);border:1px solid rgba(89,105,195,.18)}
.os-order-block h4{margin:0 0 10px;font-size:14px}
.os-order-block p,.os-order-note{margin:0;color:#8791b3;line-height:1.8}
.os-order-km{white-space:pre-wrap;word-break:break-all;color:#dbe0f3;line-height:1.8}
.os-order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
body.osstore-body .layui-layer{
  background:#151a3c;border:1px solid rgba(89,105,195,.4);border-radius:18px;color:#f4f7ff;
  box-shadow:0 24px 60px rgba(0,0,0,.45)
}
body.osstore-body .layui-layer-title{
  background:transparent;color:#f4f7ff;border-bottom:1px solid rgba(89,105,195,.25);
  height:50px;line-height:50px;font-size:16px;font-weight:700
}
body.osstore-body .layui-layer-content,
body.osstore-body .layui-layer-dialog{color:#dbe0f3}
body.osstore-body .layui-layer-rim{border:0;border-radius:18px}
body.osstore-body .layui-layer-setwin{top:16px}
body.osstore-body .layui-layer-btn .layui-layer-btn0{
  border-color:transparent;background:linear-gradient(100deg,#26caf2,#6b63f5 56%,#dc5bc4);color:#fff
}
@media(max-width:900px){
  .wrap{width:min(100% - 28px,680px)}
  .topbar{height:auto;min-height:68px;padding:10px 12px;border-radius:20px;flex-wrap:wrap}
  .brand-cn{font-size:14px}
  .brand-en{font-size:8px}
  .logo{width:40px;height:40px;border-radius:13px}
  .nav-toggle{display:inline-flex}
  .nav{display:none;width:100%;padding:8px 0 4px}
  .nav.is-open{display:flex}
  .nav a{padding:11px 9px;font-size:12px}
  .hero{height:390px;border-radius:25px}
  .hero h1{font-size:36px}
  .hero p{padding:0 20px;font-size:13px;line-height:1.7}
  .products{grid-template-columns:1fr}
  .product{min-height:245px}
  .detail-hero{height:auto;padding:40px 28px}
  .detail-hero h1{font-size:31px}
  .detail-hero p{font-size:14px;line-height:1.7}
  .checks{gap:12px}
  .detail-grid{grid-template-columns:1fr}
  .buy-panel{position:static}
  .included{grid-template-columns:1fr}
  .delivery-grid{grid-template-columns:1fr}
  .order-page{padding-top:30px}
  .query input{width:100%}
  .query{flex-wrap:wrap}
  .query button{flex:0 0 auto}
  footer .foot-row{gap:18px;align-items:flex-start;flex-direction:column}
  .auth-wrap{grid-template-columns:1fr;margin:24px auto}
  .auth-visual{min-height:auto;padding:28px}
  .auth-visual h2{font-size:26px}
  .order-meta-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .section-head{align-items:flex-start;flex-direction:column;gap:10px}
  .tiny-links{display:none}
  .hero h1{font-size:31px}
  .actions .btn{padding:12px 18px}
  .product{padding:22px}
  .product h3{font-size:20px}
  .detail-hero h1{font-size:27px}
  .info-panel,.buy-panel,.auth-card,.query-card{padding:23px}
  .km-save-tip{font-size:18px;padding:14px}
  .btn-copy-km{min-height:58px;font-size:20px}
  .order-page h1{font-size:30px}
  .footer-nav{gap:13px}
}