:root{--bg-dark: #050b14;--text-main: #e0f2fe;--text-sub: #7dd3fc;--theme-color: #0ea5e9}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;color:var(--text-main);font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% 50%,#0a192f,#020617)}#app{width:100%;height:100%}.container{width:100%;height:100%;position:relative;overflow:hidden}.glass-panel{position:absolute;top:15px;width:28%;height:calc(100% - 30px);margin:0;padding:10px 15px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;z-index:10;transition:transform .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ffffff0a,#ffffff03);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.05);border-top:none;border-bottom:none;box-shadow:inset 0 0 10px #ffffff14,0 8px 32px #00000080}.glass-panel:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;z-index:2;pointer-events:none;transform:skew(-20deg);background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);animation:shine 8s infinite}.glass-panel.left{left:15px;border-left:none}.glass-panel.right{right:15px;border-right:none}.glass-panel.left.folded{transform:translate(-100%)}.glass-panel.right.folded{transform:translate(100%)}.fold-handle{position:absolute;top:50%;width:24px;height:80px;z-index:20;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);transition:background .3s;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:4px;box-shadow:inset 0 0 5px #fff3,0 2px 10px #00000080}.fold-handle:hover{background:#0ea5e966}.glass-panel.left .fold-handle{right:-24px;border-top-left-radius:0;border-bottom-left-radius:0}.glass-panel.right .fold-handle{left:-24px;border-top-right-radius:0;border-bottom-right-radius:0}.fold-handle:after{content:"⋮";color:var(--text-main);font-size:20px}.center-stage{position:absolute;inset:0;z-index:1}.title-block{position:absolute;top:15px;left:50%;z-index:20;display:flex;flex-direction:column;align-items:center;pointer-events:none;transform:translate(-50%);transition:left .5s cubic-bezier(.4,0,.2,1)}.top-title{width:100%;font-size:28px;font-weight:700;text-align:center;letter-spacing:2px;color:transparent;background:linear-gradient(180deg,#fff,#7dd3fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(14,165,233,.5)}.title-sub-row{width:100%;margin-top:10px;display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.map-breadcrumbs,.sys-clock{padding:5px 15px;border-radius:20px;border:1px solid rgba(14,165,233,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006}.map-breadcrumbs{display:flex;gap:10px}.map-breadcrumbs span{cursor:pointer;font-size:14px;color:var(--text-sub);transition:color .3s}.map-breadcrumbs span:hover{color:#fff}.map-breadcrumbs span.active{color:var(--theme-color);font-weight:700;text-shadow:0 0 10px var(--theme-color)}.sys-clock{font-size:14px;color:#7dd3fc;font-family:monospace;text-shadow:0 0 10px rgba(125,211,252,.5)}.inner-card{flex:1;min-height:0;z-index:3;display:flex;position:relative;flex-direction:column;background:transparent;border-bottom:1px solid rgba(255,255,255,.05)}.inner-card:last-child{border-bottom:none}.card-header{padding:4px 10px;font-size:13px;font-weight:700;display:flex;align-items:center;background:linear-gradient(90deg,rgba(14,165,233,.15) 0%,transparent 100%)}.card-header:before{content:"";width:3px;height:12px;margin-right:6px;display:inline-block;border-radius:2px;background:var(--theme-color);box-shadow:0 0 6px var(--theme-color)}.card-header-spread{justify-content:space-between}.card-header-hint{font-size:12px;font-weight:400;color:var(--text-sub)}.card-body{flex:1;min-height:0;padding:2px 5px;position:relative;overflow:hidden}.scroll-container{width:100%;height:100%;overflow-x:auto;overflow-y:hidden}.scroll-container::-webkit-scrollbar{height:4px}.scroll-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.scroll-container::-webkit-scrollbar-thumb{background:#0ea5e980;border-radius:2px}.build-info{height:100%;padding:0 10px;display:flex;flex-direction:column;justify-content:space-around}.info-row{display:flex;padding:8px 0;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.info-row:last-child{border-bottom:none}.info-label-group{gap:8px;display:flex;align-items:baseline}.info-label{font-size:14px;font-weight:700;color:var(--text-main)}.info-desc{font-size:11px;color:#fff9}.info-value{gap:6px;color:#fff;display:flex;font-size:16px;font-weight:700;align-items:center}.unit-text{font-size:11px;color:#aaa;font-weight:400}.trend-up{color:#ef4444;font-size:12px}.trend-down{color:#10b981;font-size:12px}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.agri-table-wrapper{height:100%;display:flex;overflow:hidden;padding-top:5px;flex-direction:column}.agri-table{width:100%;font-size:11px;text-align:left;color:var(--text-main);border-collapse:collapse;table-layout:fixed}.agri-table th{color:#7dd3fc;font-weight:400;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1)}.agri-table td{padding:5px 0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px dashed rgba(255,255,255,.05)}.agri-ticker{flex:1;margin-top:2px;overflow:hidden;position:relative}.agri-ticker-inner{top:0;left:0;width:100%;position:absolute;animation:agriScroll 16s linear infinite}.agri-ticker-inner:hover{animation-play-state:paused}@keyframes agriScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}