.cyber-root{position:relative;min-height:100vh;background:#171034;color:#f4f1ff;overflow-x:hidden}.cyber-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1000px 520px at 15% -10%,rgba(147,80,255,.38),transparent 60%),radial-gradient(800px 480px at 105% 110%,rgba(64,130,255,.35),transparent 55%),radial-gradient(600px 380px at 90% -5%,rgba(34,211,238,.16),transparent 55%)}.cyber-root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.7;background-image:linear-gradient(rgba(180,120,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(180,120,255,.1) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,#000000e6,#00000059);mask-image:linear-gradient(to bottom,#000000e6,#00000059)}.cyber-root>*{position:relative;z-index:1}.cy-particle{position:fixed;top:0;z-index:2;width:3px;height:3px;border-radius:50%;pointer-events:none;background:#d8b4fe;box-shadow:0 0 10px #a855f7,0 0 20px #a855f7e6;animation:cyFloat linear infinite}@keyframes cyFloat{0%{transform:translateY(-10vh) translate(0);opacity:0}50%{opacity:1}to{transform:translateY(110vh) translate(40px);opacity:0}}.cyber-topbar{background:linear-gradient(90deg,#26144af5,#381c6ef5,#160c2ef5);border-bottom:1px solid rgba(180,110,255,.45);box-shadow:0 6px 30px #783cf059,inset 0 -12px 40px #823cff2e;position:relative;padding:26px 24px}.cyber-topbar:before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,transparent,#c084fc 30%,#67e8f9 70%,transparent);box-shadow:0 0 20px #c084fc}.cyber-title{font-size:30px;font-weight:800;letter-spacing:4px;margin:0;color:#fff;font-stretch:condensed;text-shadow:0 0 12px rgba(192,132,252,1),0 0 34px rgba(192,132,252,.75),3px 0 0 rgba(103,232,249,.9),-3px 0 0 rgba(244,114,182,.8);animation:cyGlitch 6s infinite}@keyframes cyGlitch{0%,92%,to{transform:translate(0);filter:none}93%{transform:translate(-2px) skew(-4deg);filter:drop-shadow(0 0 6px #67e8f9)}95%{transform:translate(2px) skew(3deg);filter:drop-shadow(0 0 6px #f472b6)}97%{transform:translate(-1px);opacity:.92}}.cyber-sublabel{color:#c7bdf5;letter-spacing:2px;margin-top:6px;font-size:13px}.cyber-pulsebar{display:inline-block;width:10px;height:10px;border-radius:2px;background:#c084fc;margin-right:8px;box-shadow:0 0 14px #c084fc;animation:cyPulse 1.2s ease-in-out infinite}@keyframes cyPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.cyber-panel{background:linear-gradient(135deg,#422480cc,#1e1240e6);border:1px solid rgba(190,120,255,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px #0000004d,0 0 34px #9646ff38,inset 0 0 34px #823cff14;position:relative;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.cyber-panel:before{content:"";position:absolute;top:0;right:18px;width:70px;height:3px;background:linear-gradient(90deg,#67e8f9,#c084fc);box-shadow:0 0 14px #c084fc}.cyber-panel .cyber-panel-title{color:#e9dfff;font-weight:800;letter-spacing:3px;font-size:16px;text-shadow:0 0 14px rgba(192,132,252,.65)}.cyber-panel .ant-card-head{border-bottom:1px solid rgba(190,120,255,.3)}.cyber-tag{display:inline-block;padding:2px 10px;font-size:12px;letter-spacing:1px;background:linear-gradient(135deg,#c084fc40,#67e8f929);border:1px solid rgba(192,132,252,.65);color:#f4f1ff;box-shadow:0 0 14px #c084fc59}.cyber-tile{width:168px;cursor:pointer;background:#281652d9;border:1px solid rgba(190,120,255,.4);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}.cyber-tile:hover{transform:translateY(-5px);border-color:#c084fc;box-shadow:0 10px 34px #a050ff8c}.cyber-tile:after{content:"ACCEPT ▸";position:absolute;right:8px;bottom:6px;font-size:10px;color:#c084fc00;transition:.2s;letter-spacing:1px}.cyber-tile:hover:after{color:#67e8f9;text-shadow:0 0 8px #67e8f9}.cyber-tile-avatar{height:100px;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);position:relative}.cyber-tile-avatar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 8px)}.cyber-tile-name{padding:10px 12px;text-align:center;font-weight:700;color:#fff;letter-spacing:1px}.cyber-game{width:56px;height:56px;background:#0a06188c;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.9);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.cyber-service{width:230px;cursor:pointer;background:#2c1858e0;border:1px solid rgba(190,120,255,.42);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;padding:16px}.cyber-service:hover{transform:translateY(-5px);border-color:#67e8f9;box-shadow:0 0 30px #67e8f966}.cyber-service-name{font-weight:700;color:#fff;letter-spacing:1px}.cyber-service-price{color:#f9a8d4;font-size:20px;font-weight:800;text-shadow:0 0 14px rgba(249,168,212,.7)}.cyber-btn{background:linear-gradient(135deg,#8b3dff,#4a1dff);color:#fff;font-weight:700;letter-spacing:2px;border:1px solid #c084fc;box-shadow:0 0 20px #8b3dffa6,inset 0 0 12px #ffffff1f;transition:all .18s ease;padding:8px 22px;border-radius:2px;cursor:pointer}.cyber-btn:hover{transform:translateY(-2px);box-shadow:0 0 34px #8b3dfff2,inset 0 0 16px #ffffff2e;color:#fff}.cyber-btn-ghost{background:#c084fc24;color:#e6dcff;border:1px solid rgba(192,132,252,.55);border-radius:2px;cursor:pointer;letter-spacing:1px;padding:5px 16px;transition:all .18s}.cyber-btn-ghost:hover{border-color:#67e8f9;color:#67e8f9;box-shadow:0 0 18px #67e8f966}.cyber-divider{border-bottom:1px solid rgba(190,120,255,.35);margin:16px 0;position:relative}.cyber-divider:after{content:"";position:absolute;left:0;bottom:-1px;width:60px;height:1px;background:#c084fc;box-shadow:0 0 8px #c084fc}.cyber-hscroll{scrollbar-width:thin;scrollbar-color:#8b3dff rgba(80,44,150,.25)}.cyber-hscroll::-webkit-scrollbar{height:6px}.cyber-hscroll::-webkit-scrollbar-track{background:#502c9640}.cyber-hscroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#8b3dff,#67e8f9);border-radius:3px}@media (max-width: 1024px){.cyber-band{grid-template-columns:1fr!important}}.cyber-root .ant-card{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.cyber-root .ant-input,.cyber-root .ant-input-affix-wrapper{background:#140c2ccc;border-color:#be78ff80;color:#fff;border-radius:2px}.cyber-root .ant-input::placeholder{color:#948bc4}.cyber-root .ant-input-affix-wrapper input{background:transparent;color:#fff}.cyber-root .ant-checkbox-checked .ant-checkbox-inner{background:#8b3dff;border-color:#c084fc}.cyber-root .ant-modal-content{background:#221248f7;border:1px solid rgba(190,120,255,.5)}.cyber-root .ant-modal-header{background:transparent}.cyber-root .ant-modal-title{color:#e9dfff}.cyber-root .ant-modal-close{color:#c7bdf5}.cyber-root .ant-table{background:transparent}.cyber-root .ant-table-thead>tr>th{background:#502c9666;color:#e9dfff;border-color:#be78ff40}.cyber-root .ant-table-tbody>tr>td{background:#180d308c;color:#e6dcff;border-color:#be78ff26}.cyber-root .ant-table-tbody>tr:hover>td{background:#783cdc40!important}.cyber-root .ant-table-cell-fix-left,.cyber-root .ant-table-cell-fix-right{background:#241350}.cyber-root .ant-pagination-item{background:#502c964d;border-color:#be78ff66;color:#e6dcff}.cyber-root .ant-pagination-item a{color:#e6dcff}.cyber-root .ant-pagination-item-active{border-color:#c084fc}.cyber-root .ant-pagination-item-active a{color:#c084fc}.cyber-root .ant-tabs-tab{color:#9f94d8}.cyber-root .ant-tabs-tab-active .ant-tabs-tab-btn{color:#c084fc!important}.cyber-root .ant-tabs-ink-bar{background:#c084fc}.cyber-root .ant-switch{background:#9664ff59}.cyber-root .ant-switch-checked{background:#8b3dff}.cyber-root .ant-select-selector{background:#140c2ccc!important;border-color:#be78ff80!important;color:#fff}.cyber-root .ant-select-selection-item{color:#fff}.cyber-root .ant-btn-default{background:#140c2c99;border-color:#be78ff66;color:#e6dcff}.cyber-root .ant-btn-primary{background:linear-gradient(135deg,#8b3dff,#4a1dff);border-color:#c084fc;box-shadow:0 0 14px #8b3dff80}.cyber-root .ant-btn-link{color:#c084fc}.cyber-root .ant-empty-description{color:#9f94d8}.cyber-root .ant-statistic-title{color:#c7bdf5}.cyber-root .ant-statistic-content{color:#fff}.cyber-root .ant-card-bordered{border-color:#be78ff4d}.cyber-root .ant-modal-content input{color:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f7fa}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}::-webkit-scrollbar-track{background:transparent}