@charset "utf-8";
/* YGKS 2026 mobile system: shared across browser, Android WebView and iOS home-screen app. */
:root{
 --y26-navy:#07162e;
 --y26-blue:#0759f3;
 --y26-cyan:#38d7ff;
 --y26-green:#20b486;
 --y26-orange:#ff6b3d;
 --y26-page:#f3f6fb;
 --y26-surface:#fff;
 --y26-soft:#eaf0f8;
 --y26-ink:#14213a;
 --y26-muted:#748198;
 --y26-line:#e3e9f1;
 --y26-shadow:0 10px 28px rgba(14,45,88,.08);
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;background:var(--y26-page);scroll-behavior:smooth;}
body{min-width:320px;min-height:100dvh;background:var(--y26-page);color:var(--y26-ink);font-family:Geist,"SF Pro Display","PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;text-rendering:optimizeLegibility;}
button,input,select,textarea{font:inherit;}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(7,89,243,.35);outline-offset:2px;}
img{max-width:100%;height:auto;}
.yjcode{width:100%;max-width:760px;}

/* Shared top bar */
.glotop{height:56px;display:flex;align-items:center;background:#fff;color:var(--y26-ink);border-bottom:1px solid var(--y26-line);box-shadow:0 4px 18px rgba(14,45,88,.045);}
.glotop .d1,.glotop .d4{width:52px;height:56px;display:flex;align-items:center;margin:0;cursor:pointer;}
.glotop .d1{justify-content:flex-start;padding-left:16px;}
.glotop .d4{justify-content:flex-end;padding-right:16px;}
.glotop .d1 img{width:20px;height:20px;margin:0;object-fit:contain;}
.glotop .d4 img{width:22px;height:22px;margin:0;object-fit:contain;}
.glotop .d3{margin:0;color:var(--y26-navy);font-size:18px;line-height:56px;font-weight:800;letter-spacing:-.02em;text-align:center;}
.glotopfix{z-index:1000;border-bottom:1px solid var(--y26-line);}
.glotopfixM{height:56px;}
.glotopxialam1{border-radius:0 0 24px 24px;box-shadow:0 18px 48px rgba(7,22,46,.18);}
.glotopxialam1 .dmain{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:24px 12px 28px;}
.glotopxialam1 .dmain .d1{width:auto;margin:0;color:var(--y26-ink);font-size:12px;}
.glotopxialam1 .dmain .d1 img{width:48px;height:48px;margin:0 0 8px;border-radius:15px;object-fit:cover;}

/* Shared bottom navigation */
@font-face{font-family:"YGKS FontAwesome";src:url("../tem/eleditor/fonts/fontawesome-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:block;}
.globottommain{height:calc(74px + env(safe-area-inset-bottom));}
.glogbottom{left:0;right:0;height:calc(74px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);border-top:1px solid rgba(204,216,232,.9);background:rgba(255,255,255,.98);box-shadow:0 -10px 30px rgba(14,45,88,.08);color:#7c8799;}
.glogbottom .d1{width:100%;height:73px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:4px;margin:0;}
.glogbottom .d1 .dm{position:relative;width:auto;min-width:0;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0;padding:5px 0 4px;border-radius:17px;color:#7c8799;font-size:10px;font-weight:650;line-height:1;text-decoration:none;cursor:pointer;}
.glogbottom .d1 .dm .nav-icon{width:31px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#7c8799;font-family:"YGKS FontAwesome";font-size:23px;font-style:normal;line-height:1;transition:background-color .16s ease,color .16s ease,transform .16s ease;}
.glogbottom .d1 .dm .nav-home:before{content:"\f015";}
.glogbottom .d1 .dm .nav-message:before{content:"\f0e0";}
.glogbottom .d1 .dm .nav-cart:before{content:"\f07a";}
.glogbottom .d1 .dm .nav-user:before{content:"\f007";}
.glogbottom .d1 .dm1{color:var(--y26-blue);font-weight:800;}
.glogbottom .d1 .dm1 .nav-icon{background:#eaf2ff;color:var(--y26-blue);transform:translateY(-1px);}
.glogbottom .d1 .dm strong{position:absolute;top:3px;left:calc(50% + 7px);min-width:17px;height:17px;margin:0;padding:0 4px;border:2px solid #fff;border-radius:10px;background:#ff4057;color:#fff;font-size:9px;font-weight:800;line-height:13px;text-align:center;}
.glogbottom .d1 .dm strong:empty{display:none;}

/* Common cards, lists and forms */
.glolist .dmain{margin:12px 10px 0;overflow:hidden;border:1px solid var(--y26-line);border-radius:18px;background:#fff;box-shadow:var(--y26-shadow);}
.glolist .dmain .tit{width:calc(100% - 28px);margin:0 14px;padding:14px 0;border-bottom:1px solid var(--y26-line);color:var(--y26-navy);font-size:15px;}
.glolist .dmain .u1{width:calc(100% - 28px);margin:0 14px;padding:13px 0;border-bottom:1px solid var(--y26-line);}
.glolist .dmain .u1 .l1{color:var(--y26-muted);}
.shuru{margin:0 10px;background:#fff;font-size:14px;}
.shuru:first-of-type{border-radius:18px 18px 0 0;}
.shuru:last-of-type{border-radius:0 0 18px 18px;}
.shuru .d1{min-height:48px;color:#506077;font-weight:650;}
.shuru .d2{min-height:48px;}
.shuru .d2 .inp,.shuru .d2 select,.shuru .d2 textarea,.tjinput{min-height:44px;border:1px solid var(--y26-line)!important;border-radius:12px!important;background:#f8fafc!important;color:var(--y26-ink)!important;padding:0 12px!important;}
.shuru .d2 textarea{min-height:96px;padding-top:11px!important;}
.fbbtn .d1{margin:14px 10px;}
.fbbtn .d1 input,.fbbtn .d1 button{min-height:50px;border:0;border-radius:14px;background:var(--y26-blue);color:#fff;font-size:16px;font-weight:800;box-shadow:0 9px 20px rgba(7,89,243,.22);}
.page{margin:12px 10px;border-radius:14px;overflow:hidden;box-shadow:var(--y26-shadow);}
.page div{min-height:44px;line-height:44px;}
.czcontrol{margin:10px;border-radius:14px;background:#fff;box-shadow:var(--y26-shadow);}
.czcontrol .d1 .a1{min-height:32px;display:inline-flex;align-items:center;border-color:var(--y26-line);border-radius:9px;background:#f7f9fc;color:#4c5d73;}
.txtbox .dmain{margin:12px 10px;padding:14px;border:1px solid var(--y26-line);border-radius:16px;background:#fff;line-height:1.7;box-shadow:var(--y26-shadow);}
table{max-width:100%;}
.return-top{right:14px;bottom:calc(78px + env(safe-area-inset-bottom));width:38px;height:38px;background-position:50%;box-shadow:0 8px 20px rgba(7,22,46,.18);}

/* Lightweight page entrance, no perpetual animation and no blur filters. */
@keyframes y26-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
main,.yjcode>.glolist,.home-shell{animation:y26-enter .24s ease-out both;}
@media (min-width:760px){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;}}