/** * 白泽网络 · DNS域名分发系统 * 版权所有 (C) 2026 白泽网络，保留所有权利 * 作者：白泽网络 联系微信/QQ：331727029 * 未经授权不得删除本声明或用于二次售卖、去除署名分发 */ :root{--nav-h:65px; --bxz-deep:#0029AE; --bxz-2:#004BD7; --bxz-1:#006AF3; --bxz-3:#34ABFC; --bxz-4:#E6F1FF; --bxz-5:#F5F9FF; --ink:#0A1C3D; --sub:#4E6C9B; --muted:#8AA6CE; --line:#D7E7FF; --ok:#12B76A; --warn:#F79009; --bad:#F04438; --amt-in:#0A6B3C; --amt-out:#C4271B; --amt-in-soft:#EAF7F0; --amt-out-soft:#FFF1EF; --amt-in-e:#075C33; --amt-out-e:#A81E12; --amt-in-soft-e:#E7F4EC; --amt-out-soft-e:#FCEDEA; --r-card:20px; --r-pill:999px; --grad-main:linear-gradient(135deg,var(--bxz-3) 0%,var(--bxz-1) 100%); --grad-deep:linear-gradient(135deg,var(--bxz-deep) 0%,var(--bxz-1) 55%,var(--bxz-3) 100%); --shadow-1:0 2px 10px rgba(0,106,243,.07); --shadow-2:0 10px 30px rgba(0,106,243,.13); --shadow-3:0 18px 48px rgba(0,106,243,.18); --shadow-blue:0 8px 22px rgba(0,106,243,.28); --max:1200px; } *,*::before,*::after{box-sizing:border-box} html,body{margin:0;padding:0} html{ -webkit-text-size-adjust:100%; overscroll-behavior:none; overscroll-behavior-y:none; } body{ font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:var(--ink);background:var(--bxz-5); font-size:14px;line-height:1.6; overscroll-behavior:none; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; touch-action:pan-y; user-select:text; -webkit-user-select:text; } img{max-width:100%;display:block;border:0} a{color:var(--bxz-1);text-decoration:none} a:hover{color:var(--bxz-2)} h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.3} p{margin:0} ul{margin:0;padding:0;list-style:none} button,input,select,textarea{font-family:inherit;font-size:14px;outline:none} ::selection{background:var(--bxz-3);color:#fff} .wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px} .center{display:flex;align-items:center;justify-content:center} .grid{display:grid;gap:16px} .g2{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(3,minmax(0,1fr))} .g4{grid-template-columns:repeat(4,minmax(0,1fr))} .g5{grid-template-columns:repeat(5,minmax(0,1fr))} .row{display:flex;align-items:center;gap:12px} .row.between{justify-content:space-between} .row.wrap{flex-wrap:wrap} .col{display:flex;flex-direction:column;gap:14px} .mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px} .mb12{margin-bottom:12px}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px} .tc{text-align:center} .muted{color:var(--muted)} .sub{color:var(--sub)} .bxz-copyright{text-align:center;font-size:12px;color:var(--sub);line-height:1.9} .hide{display:none !important} .btn{ display:inline-flex;align-items:center;justify-content:center;gap:7px; height:42px;padding:0 22px;border:0;border-radius:var(--r-pill); background:var(--grad-main); color:#fff;font-weight:600;font-size:14px;cursor:pointer; box-shadow:var(--shadow-blue); transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease; white-space:nowrap; } .btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,106,243,.36);color:#fff} .btn:active{transform:translateY(0) scale(.985)} .btn:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(0,106,243,.28),var(--shadow-blue)} .btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none} .btn.ghost{background:#fff;color:var(--bxz-1);border:1px solid #BCD8FF;box-shadow:var(--shadow-1)} .btn.ghost:hover{background:linear-gradient(135deg,#F4F9FF,#E8F2FF);color:var(--bxz-1);border-color:#9CC4FB;box-shadow:0 8px 18px rgba(0,106,243,.14)} .btn.gray{background:#F1F5FD;color:var(--sub);box-shadow:none;border:1px solid var(--line)} .btn.gray:hover{background:#E7EEFA;color:var(--ink);border-color:#D2DEF0} .btn.sm{height:34px;padding:0 16px;font-size:13px} .btn.xs{height:29px;padding:0 13px;font-size:12.5px;border-radius:var(--r-pill)} .btn.block{width:100%} .btn.danger{background:linear-gradient(135deg,#FF6A5E,#F04438);box-shadow:0 6px 16px rgba(240,68,56,.24)} .btn.danger:hover{box-shadow:0 12px 26px rgba(240,68,56,.32)} .btn.ok{background:linear-gradient(135deg,#28C08A,#12A06E);box-shadow:0 6px 16px rgba(18,160,110,.24)} .btn.ok:hover{box-shadow:0 12px 26px rgba(18,160,110,.32)} .btn > svg,.btn > .ico{width:16px;height:16px;flex:0 0 16px} @media (max-width:860px){ .btn{height:44px;padding:0 18px;font-size:14.5px;white-space:normal;line-height:1.35} .btn.sm{height:38px;padding:0 15px;font-size:13.5px} .btn.xs{height:32px;padding:0 12px;font-size:12.5px} .row .btn + .btn{margin-left:0} .page-head .right{display:flex;gap:8px;flex-wrap:wrap} .page-head .right .btn{flex:1 1 auto} } .back-home{display:inline-flex;align-items:center;gap:6px;text-decoration:none} .back-home .bh-ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto} .back-home .bh-ico svg{width:16px;height:16px;display:block} @media (max-width:640px){ .back-home .bh-txt{display:none} .back-home{padding:0 12px} } .rc-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .rc-item{height:56px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer; font-size:16px;font-weight:800;color:var(--ink);transition:all .18s var(--ease)} .rc-item:hover{border-color:var(--bxz-2);color:var(--bxz-1);transform:translateY(-1px)} .rc-item.on{border-color:var(--bxz-1);background:linear-gradient(135deg,var(--bxz-4),#fff); color:var(--bxz-1);box-shadow:inset 0 0 0 1px var(--bxz-1)} @media (max-width:640px){ .rc-quick{grid-template-columns:repeat(2,minmax(0,1fr))} } .rc-bal{display:flex;align-items:baseline;justify-content:space-between;gap:12px; padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,var(--bxz-4),#fff);border:1px solid var(--line)} .rc-bal span{font-size:13px;color:var(--sub);font-weight:600} .rc-bal b{font-size:24px;font-weight:800;color:var(--bxz-1);letter-spacing:-.3px} .rc-bal.big b{font-size:32px} @media (max-width:640px){ .rc-bal b{font-size:20px} .rc-bal.big b{font-size:26px} } .ap-doc{display:flex;flex-direction:column;gap:10px} .ap-row{display:flex;flex-direction:column;gap:4px} .ap-row .ap-k{font-size:12.5px;font-weight:700;color:var(--sub)} .ap-row code{display:block;word-break:break-all;padding:8px 10px;border-radius:8px; background:var(--bxz-4);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;color:var(--ink)} .ap-code{margin:12px 0 0;padding:12px 14px;border-radius:10px;background:#0F1B2E;color:#8FE3B8; font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.65; overflow-x:auto;white-space:pre;-webkit-overflow-scrolling:touch} .rn-done{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px; background:linear-gradient(135deg,#E6F8F0,#fff);border:1px solid rgba(0,168,107,.25)} .rn-ico{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:var(--ok);color:#fff; display:inline-flex;align-items:center;justify-content:center;font-size:19px;font-weight:800} @media (max-width:640px){ .set-grp{margin:18px 0 10px;font-size:13px} .hd-ico{width:24px;height:24px;flex:0 0 24px;border-radius:7px} .hd-ico svg{width:15px;height:15px} .sw-item{align-items:flex-start;flex-direction:column;gap:9px;padding:13px 0} .sw-item>div:first-child{width:100%} } .pill{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 12px;border-radius:var(--r-pill); font-size:12.5px;font-weight:600;background:var(--bxz-4);color:var(--bxz-1)} .pill.ok{background:#E6F8F0;color:#0B7A46} .dot-new{display:inline-block;width:8px;height:8px;border-radius:50%;background:#E5484D;margin-left:7px;vertical-align:middle;box-shadow:0 0 0 3px rgba(229,72,77,.16)} .side-mini .dot-new{margin-left:0} html[data-eye-site="1"] .pill.ok,html[data-eye-admin="1"] .pill.ok{ background:#16351F !important;color:#7FD9A0 !important} .pill.warn{background:#FEF3E4;color:var(--warn)} .pill.bad{background:#FDECEA;color:var(--bad)} .pill.gray{background:#F1F4FA;color:var(--sub)} .pill.out{background:#fff;border:1px solid var(--line);color:var(--sub)} /* v1.9.144 金额配色不再随语言切换：正数绿、负数红，中英文一致 */ .amt-in{color:var(--amt-in) !important} .amt-out{color:var(--amt-out) !important} .pill.amt-in{background:var(--amt-in-soft);color:var(--amt-in)} .pill.amt-out{background:var(--amt-out-soft);color:var(--amt-out)} html[data-eye-admin="1"] .amt-in,html[data-eye-site="1"] .amt-in{color:var(--amt-in-e) !important} html[data-eye-admin="1"] .amt-out,html[data-eye-site="1"] .amt-out{color:var(--amt-out-e) !important} html[data-eye-admin="1"] .pill.amt-in,html[data-eye-site="1"] .pill.amt-in{background:var(--amt-in-soft-e);color:var(--amt-in-e) !important} html[data-eye-admin="1"] .pill.amt-out,html[data-eye-site="1"] .pill.amt-out{background:var(--amt-out-soft-e);color:var(--amt-out-e) !important} .card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-1)} .card .hd{display:flex;align-items:center;gap:9px;padding:14px 18px;border-bottom:1px solid var(--line);font-weight:700;font-size:14.5px} .card .hd .more{margin-left:auto;font-size:12.5px;font-weight:500;color:var(--bxz-2)} .card .bd{padding:18px} .hd-ico{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px; border-radius:8px;background:linear-gradient(135deg,var(--bxz-4),#fff);color:var(--bxz-1);flex:0 0 26px} .hd-ico svg{width:16px;height:16px;display:block} .set-grp{display:flex;align-items:center;gap:9px;margin:24px 0 12px;font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:.2px} .set-grp:first-of-type{margin-top:4px} .set-grp::before{content:"";width:4px;height:15px;border-radius:3px;flex:0 0 4px; background:linear-gradient(180deg,var(--bxz-1),var(--bxz-2))} .set-sub{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--sub);margin-bottom:12px} .set-sub::after{content:"";flex:1;height:1px;background:var(--line)} .set-note{margin-top:14px;padding:9px 12px;border-radius:10px;background:var(--bxz-4); font-size:12.5px;line-height:1.7;color:var(--sub)} .sw-item{display:flex;align-items:center;justify-content:space-between;gap:14px; padding:11px 0;border-bottom:1px dashed var(--line)} .sw-item:first-child{padding-top:0} .sw-item:last-child{border-bottom:0;padding-bottom:0} .sw-item>div:first-child{min-width:0} .sw-item b{display:block;font-size:13.5px;font-weight:700;color:var(--ink)} .sw-item .sub{font-size:12.5px;margin-top:3px;line-height:1.5} .sw-item .switch{flex:0 0 auto} .card.hover{transition:transform .2s ease,box-shadow .2s ease} .card.hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)} .field{display:flex;flex-direction:column;gap:7px} .field label{font-size:13px;color:var(--sub);font-weight:600} .input{ height:44px;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-pill); background:#FCFDFF;color:var(--ink);width:100%;transition:border-color .18s,box-shadow .18s; } .input:focus{border-color:var(--bxz-2);box-shadow:0 0 0 4px rgba(46,139,255,.13)} .input::placeholder{color:#B6C7E0} .input.bad{border-color:#C4271B;background:#FFF7F6} .input.bad:focus{border-color:#C4271B;box-shadow:0 0 0 4px rgba(196,39,27,.13)} textarea.input{height:auto;padding:12px 16px;border-radius:18px;resize:vertical;min-height:96px} select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--sub) 50%),linear-gradient(135deg,var(--sub) 50%,transparent 50%); background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px} .input-group{display:flex;gap:8px;align-items:center} .input-group .input{flex:1} .pwd-wrap{position:relative} .pwd-wrap .input{padding-right:46px} .pwd-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%); width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent; color:#9AAECB;cursor:pointer;display:inline-flex;align-items:center;justify-content:center; transition:color .18s,background .18s;-webkit-tap-highlight-color:transparent} .pwd-eye:hover{color:var(--bxz-1);background:var(--bxz-5)} .pwd-eye:active{background:#E2EEFF} .pwd-eye.on{color:var(--bxz-1)} .pwd-eye svg{width:17px;height:17px;display:block} .pwd-eye:focus-visible{outline:2px solid var(--bxz-1);outline-offset:1px} .table{width:100%;border-collapse:collapse;font-size:13.5px} .table th{background:var(--bxz-5);color:var(--sub);font-weight:600;text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap} .table td{padding:11px 14px;border-bottom:1px solid #F2F6FD;vertical-align:middle} .table tr:hover td{background:#FAFCFF} .table .op{color:var(--bxz-1);cursor:pointer;font-weight:600; display:inline-flex;align-items:center;white-space:nowrap;vertical-align:middle} .table .op + .op{margin-left:10px} .table .op.danger{color:var(--bad)} .table .op.warn{color:#B45309} .table td.col-op,.table th.col-op{white-space:nowrap;min-width:180px;text-align:right;line-height:2.2} .table td.col-op .op:first-child{margin-left:0} .table .pill,.table .rtype,.table .icp-tag,.table .tag,.table .status,.table .badge{ display:inline-flex;align-items:center;justify-content:center;white-space:nowrap; padding:2px 10px;border-radius:10px;font-size:12px;min-width:48px} .table td.col-date,.table th.col-date,.table .nowrap{white-space:nowrap} .table th.col-status,.table td.col-status{min-width:80px} .table th.col-dns,.table td.col-dns{min-width:90px} .table th.col-date,.table th.col-date{min-width:110px} .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch} @media (max-width:860px){ .table td.col-op,.table th.col-op{min-width:140px} .table td.col-op .op{margin-left:6px;font-size:12.5px} } .kpi{background:linear-gradient(135deg,#fff,var(--bxz-5));border:1px solid var(--line);border-radius:var(--r-card);padding:16px 18px} .kpi .k{font-size:12.5px;color:var(--sub)} .kpi .v{font-size:26px;font-weight:800;letter-spacing:-.02em; background:linear-gradient(135deg,var(--bxz-deep),var(--bxz-1) 60%,var(--bxz-3));-webkit-background-clip:text;background-clip:text;color:transparent} .kpi .d{font-size:12px;color:var(--ok)} .qbar{height:4px;border-radius:99px;background:var(--line);margin-top:9px;overflow:hidden} .qbar i{display:block;height:100%;border-radius:99px;transition:width .35s ease} .kpi .qs{font-size:14px;font-weight:700;color:var(--muted);background:none; -webkit-background-clip:border-box;background-clip:border-box;margin-left:3px} .empty{padding:44px 20px;text-align:center;color:var(--muted);font-size:13.5px} .empty svg{opacity:.5;margin-bottom:8px} .pager{display:flex;gap:6px;justify-content:flex-end;align-items:center;padding:14px 18px;flex-wrap:wrap} .pager .p{min-width:32px;height:32px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--line); background:#fff;color:var(--sub);font-size:13px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer} .pager .p.on{background:var(--grad-main);color:#fff;border-color:transparent} .switch{width:42px;height:23px;border-radius:var(--r-pill);background:var(--grad-main);position:relative;cursor:pointer;transition:background .2s;display:inline-block;vertical-align:middle} .switch::after{content:"";position:absolute;top:2px;right:2px;width:19px;height:19px;border-radius:50%;background:#fff;transition:all .2s} .switch.off{background:#D7E1F2} .switch.off::after{right:auto;left:2px} .switch.on{background:var(--grad-main)} .switch.on::after{right:2px;left:auto} .nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)} .nav .wrap{display:flex;align-items:center;height:64px;gap:10px} .bxz-logo{image-rendering:auto;filter:drop-shadow(0 2px 6px rgba(0,106,243,.18))} .brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;font-size:16.5px;letter-spacing:-.02em} .brand .tagline{font-size:11.5px;font-weight:600;color:#fff;background:var(--grad-main);padding:3px 10px;border-radius:var(--r-pill)} .nav .menu{display:flex;align-items:center;gap:4px;margin-left:18px} .nav .menu a{padding:8px 14px;border-radius:var(--r-pill);color:var(--sub);font-weight:600;font-size:14px} .nav .menu a:hover{background:var(--bxz-4);color:var(--bxz-1)} .nav .menu a.on{background:var(--bxz-4);color:var(--bxz-1)} .nav .right{margin-left:auto;display:flex;align-items:center;gap:8px} .lang-switch{display:inline-flex;background:var(--bxz-4);border-radius:var(--r-pill);padding:3px} .lang-switch button{border:0;background:transparent;color:var(--sub);font-size:12.5px;font-weight:700; padding:5px 13px;border-radius:var(--r-pill);cursor:pointer} .lang-switch button.on{background:var(--grad-main);color:#fff;box-shadow:var(--shadow-blue)} .burger{display:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff; align-items:center;justify-content:center;cursor:pointer} .burger span{display:block;width:17px;height:2px;background:var(--bxz-1);position:relative} .burger span::before,.burger span::after{content:"";position:absolute;left:0;width:17px;height:2px;background:var(--bxz-1)} .burger span::before{top:-6px}.burger span::after{top:6px} .hero{position:relative;padding:64px 0 54px;background: radial-gradient(1200px 460px at 50% -12%, #E8F1FF 0%, rgba(232,241,255,0) 62%), linear-gradient(180deg,#F4F9FF 0%, var(--bxz-5) 100%);overflow:hidden} .hero::before{content:"";position:absolute;left:50%;top:-160px;width:900px;height:420px;transform:translateX(-50%); background:radial-gradient(closest-side,rgba(46,139,255,.18),transparent);pointer-events:none} .hero h1{font-size:40px;line-height:1.22} .hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--bxz-deep),var(--bxz-1) 55%,var(--bxz-3));-webkit-background-clip:text;background-clip:text;color:transparent} .hero .desc{margin-top:14px;color:var(--sub);font-size:15.5px;max-width:660px} .searchbar{margin:28px auto 0;max-width:720px;background:#fff;border:1px solid var(--line);border-radius:var(--r-pill); padding:8px;display:flex;gap:8px;box-shadow:var(--shadow-3)} .searchbar .in{flex:1;display:flex;align-items:center;gap:6px;padding:0 14px} .searchbar .in .fix{color:var(--bxz-1);font-weight:700} .searchbar .in input{flex:1;height:40px;border:0;background:transparent;font-size:15px;color:var(--ink)} .searchbar .in input::placeholder{color:#B6C7E0} .searchbar .btn{height:44px} .stats{display:flex;gap:26px;justify-content:center;margin-top:26px;flex-wrap:wrap} .stats .s{text-align:center} .stats .s b{display:block;font-size:24px;font-weight:800;background:linear-gradient(135deg,var(--bxz-deep),var(--bxz-1) 60%,var(--bxz-3));-webkit-background-clip:text;background-clip:text;color:transparent} .stats .s span{font-size:12.5px;color:var(--sub)} .section{padding:44px 0} .section .title{text-align:center;margin-bottom:8px} .section .title h2{font-size:28px} .section .title p{color:var(--sub);margin-top:8px;font-size:14.5px} .feature{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:22px;transition:all .2s ease} .feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:#C9DEFF} .feature .ico{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center; background:var(--grad-main);color:#fff;font-size:21px;font-weight:800;margin-bottom:14px;box-shadow:var(--shadow-blue)} .feature h3{font-size:16px;margin-bottom:7px} .feature p{color:var(--sub);font-size:13.5px;line-height:1.75} .price{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px;position:relative;transition:all .2s} .price:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)} .price.rec{border:2px solid var(--bxz-1);box-shadow:var(--shadow-2)} .price.rec .flag{position:absolute;top:-13px;left:24px;background:var(--grad-main); color:#fff;font-size:12px;font-weight:700;padding:4px 14px;border-radius:var(--r-pill)} .price h3{font-size:18px} .price .plan-hd{display:flex;align-items:center;gap:10px} .price .plan-ico{display:inline-flex;flex:0 0 auto;line-height:0} .price .plan-hd h3{font-size:17px} .price .num{font-size:32px;font-weight:800;color:var(--bxz-1);margin:10px 0 4px} .price .num small{font-size:13px;color:var(--muted);font-weight:500} .price ul{margin:14px 0 18px} .price ul li{padding:6px 0;font-size:13.5px;color:var(--sub);display:flex;gap:8px;align-items:flex-start} .price ul li::before{content:"✓";color:var(--ok);font-weight:800} .faq .item{border-bottom:1px solid var(--line);padding:16px 4px} .faq .item:last-child{border-bottom:0} .faq .q{font-weight:700;font-size:15px;display:flex;align-items:center;gap:10px;cursor:pointer} .faq .a{color:var(--sub);font-size:13.5px;margin-top:8px;line-height:1.8;padding-left:26px} .footer{background:#fff;border-top:1px solid var(--line);padding:30px 0;margin-top:20px} .footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap} .footer .links{display:flex;gap:16px;flex-wrap:wrap} .footer .links a{color:var(--sub);font-size:13.5px} .footer .links a:hover{color:var(--bxz-1)} .auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:34px 18px; background:radial-gradient(900px 420px at 50% 0%,#E9F2FF 0%,rgba(233,242,255,0) 60%),linear-gradient(180deg,#F4F9FF,#EEF5FF)} .auth-box{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:26px; box-shadow:var(--shadow-3);padding:34px 32px 28px} .auth-box .logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px} .auth-box h1{font-size:24px;text-align:center} .auth-box .desc{text-align:center;color:var(--sub);font-size:13.5px;margin:8px 0 22px} .auth-box .oauth{display:flex;gap:10px;justify-content:center;margin-top:18px} .auth-box .oauth button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff; color:var(--sub);font-size:15px;font-weight:700;cursor:pointer;transition:all .18s} .auth-box .oauth button:hover{border-color:var(--bxz-2);color:var(--bxz-1);transform:translateY(-2px)} .auth-box .foot{margin-top:18px;text-align:center;font-size:13.5px;color:var(--sub)} .auth-box .captcha-img{height:44px;border-radius:var(--r-pill);border:1px solid var(--line);cursor:pointer;background:var(--bxz-5)} .layout{display:flex;min-height:100vh;background:var(--bxz-5)} .sidebar{width:220px;flex:0 0 220px;background:#fff;border-right:1px solid var(--line);padding:16px 12px;position:sticky;top:0; height:100vh;height:100dvh; overflow-y:auto;overflow-x:hidden; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; scrollbar-width:thin;scrollbar-color:#CBD8EE transparent} .sidebar::-webkit-scrollbar{width:6px} .sidebar::-webkit-scrollbar-track{background:transparent} .sidebar::-webkit-scrollbar-thumb{background:#D6E2F5;border-radius:3px} .sidebar::-webkit-scrollbar-thumb:hover{background:#B9CCEA} .sidebar::after{content:"";display:block;height:14px;flex:0 0 14px} .side-brand{display:flex;align-items:center;gap:10px;padding:10px 12px 16px;margin-bottom:6px; border-radius:16px;background:linear-gradient(135deg,var(--bxz-4),#fff);border:1px solid var(--line)} .side-brand .logo-holder{width:56px;height:56px;flex:0 0 56px;border-radius:13px;background:#fff;border:1px solid var(--line); display:flex;align-items:center;justify-content:center;padding:3px;box-shadow:var(--shadow-1);overflow:hidden} .side-brand .logo-holder img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block} .side-brand .txt{display:flex;flex-direction:column;min-width:0} .side-brand .txt b{font-size:15px;font-weight:800;line-height:1.3;color:var(--ink); overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .side-brand .txt span{font-size:13px;font-weight:700;color:var(--sub);margin-top:3px;letter-spacing:.2px} .sidebar a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;color:var(--sub);font-size:14px;font-weight:600;margin-bottom:2px; -webkit-user-drag:none;user-select:text;-webkit-user-select:text;cursor:pointer} .sidebar a .ico,.sidebar a .i,.sidebar a .pill{-webkit-user-drag:none;user-select:none;-webkit-user-select:none} .sidebar .side-brand{user-select:text;-webkit-user-select:text} .layout .sidebar a{user-select:text;-webkit-user-select:text;-webkit-user-drag:none} .sidebar a:hover{background:var(--bxz-5);color:var(--bxz-1)} .sidebar a.on{background:linear-gradient(135deg,var(--bxz-4),#fff);color:var(--bxz-1);box-shadow:inset 3px 0 0 var(--bxz-1);font-weight:700} .sidebar a .i{width:20px;height:20px;border-radius:6px;flex:0 0 20px;background:var(--grad-main);opacity:.9} .content{flex:1;min-width:0;display:flex;flex-direction:column} .topbar{height:62px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line); display:flex;align-items:center;gap:12px;padding:0 22px;position:sticky;top:0;z-index:50} .topbar .crumb{font-size:13.5px;color:var(--muted)} .topbar .right{margin-left:auto;display:flex;align-items:center;gap:10px} .avatar{width:34px;height:34px;border-radius:50%;background:var(--grad-main); color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px} .page{padding:22px;flex:1} .save-bar{position:sticky;bottom:0;z-index:30;margin-top:18px; display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; padding:12px 16px;border:1px solid var(--line);border-radius:12px; background:rgba(255,255,255,.94);backdrop-filter:blur(8px); box-shadow:0 -4px 18px rgba(16,48,96,.10)} .save-bar .sb-tip{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:7px;min-width:0} .save-bar .sb-tip i{width:6px;height:6px;border-radius:50%;background:var(--warn,#F79009);flex:0 0 auto} .save-bar .sb-act{display:flex;align-items:center;gap:10px;margin-left:auto} @media (max-width:640px){ .save-bar{padding:10px 12px;border-radius:10px} .save-bar .sb-tip{font-size:12px} } .page-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap} .page-head h2{font-size:21px} .page-head .right{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap} .modal-mask{position:fixed;inset:0;background:rgba(16,42,84,.42);backdrop-filter:blur(3px);display:flex; align-items:center;justify-content:center;padding:20px;z-index:200} .modal{width:100%;max-width:520px;background:#fff;border-radius:22px;box-shadow:var(--shadow-3);overflow:hidden;max-height:88vh;display:flex;flex-direction:column} .modal .hd{padding:16px 20px;border-bottom:1px solid var(--line);font-weight:700;display:flex;align-items:center} .modal .hd .x{margin-left:auto;cursor:pointer;color:var(--muted);font-size:20px;line-height:1} .modal .bd{padding:20px;overflow-y:auto} .modal .ft{padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end} .toast-wrap{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:999;display:flex;flex-direction:column;gap:8px;align-items:center} .toast{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-2);border-radius:var(--r-pill); padding:10px 20px;font-size:13.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px; animation:toastIn .24s ease} .toast.ok{border-color:#A9E7C8;color:var(--ok)} .toast.err{border-color:#FBC7C2;color:var(--bad)} @keyframes toastIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}} .loading{padding:40px;text-align:center;color:var(--muted);font-size:13.5px} .spinner{width:26px;height:26px;border:3px solid var(--bxz-4);border-top-color:var(--bxz-1);border-radius:50%; animation:spin .8s linear infinite;margin:0 auto 10px} @keyframes spin{to{transform:rotate(360deg)}} .admin-login{min-height:100vh;min-height:100dvh;display:flex;padding:34px 18px; background: radial-gradient(1000px 520px at 12% 8%, rgba(52,171,252,.55) 0%, rgba(52,171,252,0) 58%), radial-gradient(900px 520px at 88% 92%, rgba(0,75,215,.65) 0%, rgba(0,75,215,0) 60%), linear-gradient(135deg,#0029AE 0%,#004BD7 38%,#006AF3 68%,#34ABFC 100%); position:relative; overflow-x:hidden;overflow-y:auto; -webkit-overflow-scrolling:touch;overscroll-behavior-y:contain} .admin-login::before{content:"";position:fixed;width:620px;height:620px;border-radius:50%; background:radial-gradient(closest-side,rgba(255,255,255,.20),rgba(255,255,255,0));top:-190px;right:-150px;animation:floatY 9s ease-in-out infinite;pointer-events:none;z-index:0} .admin-login::after{content:"";position:fixed;width:520px;height:520px;border-radius:50%; background:radial-gradient(closest-side,rgba(255,255,255,.13),rgba(255,255,255,0));bottom:-210px;left:-160px;animation:floatY 11s ease-in-out infinite reverse;pointer-events:none;z-index:0} @keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(26px)}} .admin-login .panel{position:relative;z-index:2;width:100%;max-width:980px;display:grid;grid-template-columns:1.02fr .98fr; background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 34px 80px rgba(0,20,80,.36); margin:auto} .admin-login .left{position:relative;background:var(--grad-deep);color:#fff;padding:44px 40px; display:flex;flex-direction:column;justify-content:center;overflow:hidden} .admin-login .left::after{content:"";position:absolute;inset:0; background:radial-gradient(420px 420px at 78% 16%,rgba(255,255,255,.22),rgba(255,255,255,0) 62%)} .admin-login .left > *{position:relative;z-index:2} .admin-login .left .logo-box{margin-bottom:18px} .admin-login .left h2{font-size:28px;margin:0 0 10px;letter-spacing:-.02em} .admin-login .left .ver{display:inline-flex;align-items:center;height:26px;padding:0 13px;border-radius:var(--r-pill); background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);font-size:12.5px;font-weight:700;margin-bottom:14px} .admin-login .left p{opacity:.92;font-size:14px;line-height:1.95;margin:0} .admin-login .left .points{margin-top:24px;display:flex;flex-direction:column;gap:12px} .admin-login .left .points div{display:flex;gap:10px;align-items:center;font-size:13.5px;opacity:.96} .admin-login .left .points i{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.22); border:1px solid rgba(255,255,255,.3);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:800} .admin-login .right{padding:42px 38px;background:#fff} .admin-login .right .head{text-align:center;margin-bottom:22px} .admin-login .right .head img{margin:0 auto 10px} .admin-login .right h1{font-size:23px;background:linear-gradient(135deg,var(--bxz-deep),var(--bxz-1)); -webkit-background-clip:text;background-clip:text;color:transparent} .admin-login .right .desc{color:var(--sub);font-size:13.5px;margin-top:8px} .admin-login .right .input{background:#F7FAFF} .admin-login .right .input:focus{box-shadow:0 0 0 4px rgba(0,106,243,.14)} .admin-login .right .btn.block{height:46px;font-size:15px;margin-top:4px} .admin-login .right .captcha-img{height:44px;border-radius:var(--r-pill);border:1px solid var(--line);cursor:pointer;background:var(--bxz-5)} .admin-login .shield{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px; font-size:12px;color:var(--muted)} .admin-login .shield b{color:var(--bxz-1);font-weight:700} .layout .sidebar{background:linear-gradient(180deg,#fff 0%,#FBFCFF 100%)} .sidebar .grp::after{content:"";display:block;height:1px;background:var(--line);margin-top:7px;opacity:.7} .topbar{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(246,250,255,.96))} .topbar .crumb{font-weight:600;color:var(--sub)} .card .hd{background:transparent} .card .hd::before{content:"";width:4px;height:15px;border-radius:3px;background:var(--grad-main);display:inline-block} .table th{background:linear-gradient(180deg,#F7FAFF,#F2F7FF)} .pill{background:var(--bxz-4)} .pill.out{background:#fff} @media (max-width:1024px){ .g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(2,minmax(0,1fr))} .hero h1{font-size:32px} } @media (max-width:860px){ .admin-login{padding:30px 14px;align-items:flex-start;overflow-y:auto} .admin-login .panel{grid-template-columns:1fr;max-width:520px;border-radius:24px} .admin-login .left{display:none} .admin-login .right{padding:30px 22px} .sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;height:100dvh;z-index:100; width:250px;flex:0 0 250px; transform:translateX(-100%); transition:transform .28s cubic-bezier(.22,.61,.36,1); box-shadow:var(--shadow-3); overflow-y:auto;overflow-x:hidden; -webkit-overflow-scrolling:touch;overscroll-behavior:contain; padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))} .sidebar.open{transform:translateX(0)} .sidebar a{padding:12px 13px;font-size:14.5px;min-height:44px} .sidebar .side-brand{padding:12px 12px 14px} .layout{overflow-x:clip} @supports not (overflow-x: clip) { .layout{overflow-x:hidden} } .sidebar.open{transform:none} .sidebar-mask{position:fixed;inset:0;background:rgba(16,42,84,.4);z-index:99} .nav .menu{position:fixed;left:0;right:0;top:64px;background:#fff;border-bottom:1px solid var(--line); flex-direction:column;align-items:stretch;padding:10px 16px;gap:2px;transform:translateY(-12px); opacity:0;pointer-events:none;transition:all .2s ease;margin:0} .nav .menu.open{transform:none;opacity:1;pointer-events:auto} .burger{display:flex} .page{padding:16px 14px} .page-head{gap:10px;margin-bottom:14px} .page-head h2{font-size:19px} .page-head .right{width:100%;margin-left:0} .topbar{padding:0 14px;gap:8px} .topbar .crumb{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} .topbar .right{gap:7px} .card .hd{padding:12px 14px;font-size:14px} .card .bd{padding:14px} .table-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch; max-width:100%;width:100%;min-width:0} .table{min-width:600px} .card{min-width:0;overflow:hidden} .table-wrap{position:relative} .grid.g2,.grid.g3,.grid.g4,.grid.g5{grid-template-columns:repeat(2,1fr);gap:12px} .kpi .v{font-size:21px} } @media (max-width:640px){ .wrap{padding:0 14px} .g2,.g3,.g4,.g5{grid-template-columns:1fr} .hero{padding:40px 0 34px} .hero h1{font-size:26px} .hero .desc{font-size:14px} .searchbar{flex-direction:column;border-radius:22px;padding:12px} .searchbar .btn{width:100%} .section{padding:32px 0} .section .title h2{font-size:22px} .stats{gap:16px} .auth-box{padding:26px 20px 22px;border-radius:22px} .page{padding:14px} .page-head h2{font-size:18px} .table th,.table td{padding:9px 10px;font-size:12.8px} .kpi .v{font-size:22px} .page{padding:12px 10px} .grid.g2,.grid.g3,.grid.g4,.grid.g5{grid-template-columns:1fr} .card .hd{padding:11px 12px} .card .bd{padding:12px} .page-head h2{font-size:18px} .topbar{height:56px;padding:0 12px} .page-head .right .btn,.card .bd .row .btn{flex:1 1 auto;min-width:0} .modal{max-width:calc(100vw - 24px);max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch} } @media print{.nav,.sidebar,.topbar{display:none}} .sidebar a .ico{width:20px;height:20px;flex:0 0 20px;display:inline-flex;align-items:center;justify-content:center; color:var(--bxz-1);opacity:.85} .sidebar a.on .ico{color:var(--bxz-1);opacity:1} .sidebar a:hover .ico{opacity:1} .dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px; border:1px solid rgba(0,0,0,.08)} [data-scope="admin"][data-scheme="green"]{ --bxz-deep:#075E3A; --bxz-2:#0A8A55; --bxz-1:#12B76A; --bxz-3:#5FE19F; --bxz-4:#E4F8EE; --bxz-5:#F3FCF7; --line:#CDEEDD; --grad-main:linear-gradient(135deg,var(--bxz-3) 0%,var(--bxz-1) 100%); --grad-deep:linear-gradient(135deg,var(--bxz-deep) 0%,var(--bxz-1) 55%,var(--bxz-3) 100%); } [data-scope="admin"][data-scheme="purple"]{ --bxz-deep:#3A1F9E; --bxz-2:#5B37D6; --bxz-1:#7A5AF8; --bxz-3:#B79DFF; --bxz-4:#EFE9FF; --bxz-5:#F8F6FF; --line:#DFD4FF; --grad-main:linear-gradient(135deg,var(--bxz-3) 0%,var(--bxz-1) 100%); --grad-deep:linear-gradient(135deg,var(--bxz-deep) 0%,var(--bxz-1) 55%,var(--bxz-3) 100%); } [data-scope="admin"][data-scheme="orange"]{ --bxz-deep:#9A4A00; --bxz-2:#D96B06; --bxz-1:#F79009; --bxz-3:#FFC46B; --bxz-4:#FFF2DF; --bxz-5:#FFFAF3; --line:#FFE0B8; --grad-main:linear-gradient(135deg,var(--bxz-3) 0%,var(--bxz-1) 100%); --grad-deep:linear-gradient(135deg,var(--bxz-deep) 0%,var(--bxz-1) 55%,var(--bxz-3) 100%); } [data-scope="admin"][data-scheme="dark"]{ --bxz-deep:#0B1526; --bxz-2:#16233C; --bxz-1:#2B4472; --bxz-3:#5B7BB0; --bxz-4:#1B2A42; --bxz-5:#121C2E; --ink:#E8EEF9; --sub:#A6B7D2; --muted:#7C8FAE; --line:#26364F; --grad-main:linear-gradient(135deg,var(--bxz-3) 0%,var(--bxz-1) 100%); --grad-deep:linear-gradient(135deg,var(--bxz-deep) 0%,var(--bxz-1) 55%,var(--bxz-3) 100%); } [data-scope="admin"][data-scheme="dark"] .card,[data-scope="admin"][data-scheme="dark"] .topbar,[data-scope="admin"][data-scheme="dark"] .sidebar, [data-scope="admin"][data-scheme="dark"] .table th,[data-scope="admin"][data-scheme="dark"] .input,[data-scope="admin"][data-scheme="dark"] .textarea{ background:var(--bxz-4);color:var(--ink);border-color:var(--line)} [data-scope="admin"][data-scheme="dark"] body{background:var(--bxz-5)} .beian a{display:inline-flex;align-items:center;color:var(--muted);text-decoration:none} .beian a:hover{color:var(--bxz-1)} [data-scope="front"]{ --bxz-1:var(--theme); --bxz-deep:var(--theme-deep); --bxz-3:var(--theme-soft); } [data-scope="front"] .btn:hover,[data-scope="front"] .nav a:hover{color:var(--theme-deep)} [data-scope="front"] .searchbar .btn,[data-scope="front"] .price.rec .flag{background:var(--theme)} [data-scope="front"] .pill.ok{background:var(--theme-soft);color:var(--theme-deep)} [data-scope="front"] .pill.ok{background:var(--theme);color:#fff} html[data-eye-site="1"] .pill.ok{background:#16325C !important;color:#9CC4FB !important} .pill.paid{background:#E6F8F0;color:#15803D} .pill.unpaid{background:#FEF3E4;color:#93370D} [data-scope="front"] .pill.paid{background:#E6F8F0;color:#15803D} [data-scope="front"] .pill.unpaid{background:#FEF3E4;color:#93370D} html[data-eye-site="1"] .pill.paid,html[data-eye-admin="1"] .pill.paid{background:#16351F !important;color:#7FD9A0 !important} html[data-eye-site="1"] .pill.unpaid,html[data-eye-admin="1"] .pill.unpaid{background:#3A2A12 !important;color:#F3C878 !important} :root{--eye-bg:#F2EFE4;--eye-card:#FBF8EE;--eye-ink:#4A4436;--eye-line:#DED6C0;--eye-soft:#EAE3D0} html[data-eye-site="1"] body, html[data-eye-admin="1"] body,html[data-eye-site="1"] body{background:var(--eye-bg) !important;color:var(--eye-ink) !important} html[data-eye-site="1"] .card, html[data-eye-site="1"] .price, html[data-eye-site="1"] .footer, html[data-eye-site="1"] .searchbar, html[data-eye-site="1"] .searchbar .in, html[data-eye-admin="1"] .card,html[data-eye-site="1"] .card, html[data-eye-admin="1"] .topbar,html[data-eye-site="1"] .topbar, html[data-eye-admin="1"] .sidebar,html[data-eye-site="1"] .sidebar, html[data-eye-admin="1"] .table th,html[data-eye-site="1"] .table th, html[data-eye-admin="1"] .table td,html[data-eye-site="1"] .table td, html[data-eye-admin="1"] .input,html[data-eye-site="1"] .input, html[data-eye-admin="1"] .kpi,html[data-eye-site="1"] .kpi, html[data-eye-admin="1"] .page-head,html[data-eye-site="1"] .page-head, html[data-eye-admin="1"] .panel,html[data-eye-site="1"] .panel, html[data-eye-admin="1"] .admin-login .right,html[data-eye-site="1"] .admin-login .right{ background:var(--eye-card) !important;color:var(--eye-ink) !important;border-color:var(--eye-line) !important} html[data-eye-site="1"] .hero, html[data-eye-site="1"] .section:nth-child(even), html[data-eye-admin="1"] .sidebar,html[data-eye-site="1"] .sidebar{background:var(--eye-soft) !important} html[data-eye-site="1"] h1,html[data-eye-site="1"] h2,html[data-eye-site="1"] h3, html[data-eye-site="1"] p,html[data-eye-site="1"] span,html[data-eye-site="1"] a, html[data-eye-site="1"] li,html[data-eye-site="1"] td,html[data-eye-site="1"] th, html[data-eye-site="1"] b,html[data-eye-site="1"] label,html[data-eye-site="1"] .muted, html[data-eye-site="1"] .sub, html[data-eye-admin="1"] h1,html[data-eye-site="1"] h1,html[data-eye-admin="1"] h2,html[data-eye-site="1"] h2,html[data-eye-admin="1"] h3,html[data-eye-site="1"] h3, html[data-eye-admin="1"] p,html[data-eye-site="1"] p,html[data-eye-admin="1"] span,html[data-eye-site="1"] span,html[data-eye-admin="1"] a,html[data-eye-site="1"] a, html[data-eye-admin="1"] td,html[data-eye-site="1"] td,html[data-eye-admin="1"] th,html[data-eye-site="1"] th,html[data-eye-admin="1"] b,html[data-eye-site="1"] b, html[data-eye-admin="1"] label,html[data-eye-site="1"] label,html[data-eye-admin="1"] .muted,html[data-eye-site="1"] .muted,html[data-eye-admin="1"] .sub,html[data-eye-site="1"] .sub, html[data-eye-admin="1"] .crumb,html[data-eye-site="1"] .crumb{color:var(--eye-ink) !important} html[data-eye-site="1"] .btn,html[data-eye-admin="1"] .btn,html[data-eye-site="1"] .btn{ background:var(--eye-soft) !important;color:var(--eye-ink) !important;border-color:var(--eye-line) !important} html[data-eye-site="1"] .btn:hover,html[data-eye-admin="1"] .btn:hover,html[data-eye-site="1"] .btn:hover{filter:brightness(.96)} html[data-eye-site="1"] .nav,html[data-eye-site="1"] .footer{border-color:var(--eye-line) !important} html[data-eye-admin="1"] .sidebar a.on,html[data-eye-site="1"] .sidebar a.on{background:var(--eye-soft) !important} .eye-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line); background:#fff;border-radius:999px;padding:6px 13px;font-size:12.5px;cursor:pointer; color:var(--sub);line-height:1.4;transition:all .18s ease;font-family:inherit} .eye-btn:hover{border-color:var(--bxz-1);color:var(--bxz-1)} .eye-btn svg{width:15px;height:15px;flex:0 0 15px;display:block} .eye-btn.on{background:linear-gradient(135deg,#FFE9B8,#FFD980);border-color:#E8B84B;color:#6B4E00;font-weight:600; box-shadow:0 2px 8px rgba(232,184,75,.28)} .eye-btn .sun{display:none} .eye-btn.on .sun{display:block} .eye-btn.on .moon{display:none} .pay-list{display:flex;flex-direction:column;gap:10px} .pay-item{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden} .pay-head{display:flex;align-items:center;gap:8px;padding:11px 14px;cursor:pointer;user-select:none} .pay-head:hover{background:var(--bxz-4,#F5F9FF)} .pay-head .rank{min-width:22px;height:22px;border-radius:7px;background:var(--bxz-1);color:#fff; font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700} .pay-head .nm{font-size:14px} .pay-head .code{font-size:12px;color:var(--muted);margin-left:4px} .pay-head .grow{flex:1} .pay-head .caret{color:var(--muted);font-size:13px;transition:transform .18s} .pay-head .caret.up{transform:rotate(180deg)} .pay-body{padding:4px 14px 14px;border-top:1px dashed var(--line)} .lb{font-size:12.5px;color:var(--sub);min-width:52px} .input.sm{padding:7px 10px;font-size:13px;height:auto;border-radius:9px} select.input.sm{height:auto} .cfg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px} .cfg label{display:block;font-size:12.5px;color:var(--sub);margin-bottom:4px} @media (max-width:640px){.cfg-grid{grid-template-columns:1fr}.pay-head{padding:10px 12px}} .pay-ico{width:22px;height:22px;flex:0 0 22px;align-self:center;display:inline-flex;align-items:center;justify-content:center; border-radius:7px;overflow:hidden;box-shadow:0 1px 3px rgba(10,40,90,.16)} .pay-ico svg{width:100%;height:100%;display:block} .pay-ico.lg{width:34px;height:34px;flex:0 0 34px;border-radius:10px;box-shadow:0 3px 9px rgba(10,40,90,.18)} .pill.gray{background:#EEF2F7;color:#475467} .pay-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px} .pay-opt{display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 8px; border:1.5px solid var(--line);border-radius:13px;cursor:pointer;background:#fff; transition:all .18s ease;position:relative;user-select:none} .pay-opt{position:relative} .pay-opt .nm{font-size:12.5px;color:var(--ink);font-weight:500} .pay-opt .tick{position:absolute;top:5px;right:6px;width:15px;height:15px;border-radius:50%; background:var(--bxz-1);color:#fff;font-size:10px;font-style:normal;display:flex; align-items:center;justify-content:center;font-weight:700} .pay-opt.on .pay-ico{transform:scale(1.06)} .pay-opt:hover{border-color:var(--bxz-1)} .pay-opt.on{border-color:var(--bxz-1);background:var(--bxz-4,#F5F9FF);box-shadow:0 3px 10px rgba(0,106,243,.12)} .pay-opt.off{opacity:.45;cursor:not-allowed} .pay-opt.off:hover{border-color:var(--line)} .pay-opt em{font-size:11px;font-style:normal;color:#B03030} .req{color:#D93025;font-style:normal;margin-left:2px} .card-ico{width:30px;height:30px;flex:0 0 30px;align-self:center;display:inline-flex;align-items:center;justify-content:center; border-radius:9px;overflow:hidden;box-shadow:0 2px 6px rgba(10,40,90,.16)} .card-ico svg{width:100%;height:100%;display:block} .card-ico.sm{width:26px;height:26px;flex:0 0 26px;border-radius:8px} .card-ico.xs{width:24px;height:24px;flex:0 0 24px;border-radius:7px;box-shadow:0 1px 4px rgba(10,40,90,.14)} .page-head h1,.page-head h2{display:inline-flex;align-items:center;font-size:22px;margin:0;line-height:1.35} .ph-ico{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px; flex:0 0 29px;align-self:center;border-radius:9px;background:linear-gradient(135deg,var(--bxz-1),var(--bxz-2,#4A9BFF)); color:#fff;margin-right:9px;box-shadow:0 2px 6px rgba(0,106,243,.22)} .ph-ico svg{width:17px;height:17px} .hd-ico{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px; flex:0 0 24px;border-radius:7px;background:var(--bxz-4,#EAF3FF);color:var(--bxz-1)} .hd-ico svg{width:15px;height:15px} .dash-hero{display:grid;grid-template-columns:1fr 300px;gap:14px; border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(0,42,120,.16)} .hero-main{padding:20px 22px;color:#fff;background:linear-gradient(120deg,#0029AE 0%,#006AF3 55%,#2C93FF 100%);position:relative} .hero-main::after{content:"";position:absolute;right:-30px;top:-40px;width:170px;height:170px; border-radius:50%;background:rgba(255,255,255,.10)} .hero-main::before{content:"";position:absolute;right:60px;bottom:-60px;width:130px;height:130px; border-radius:50%;background:rgba(255,255,255,.07)} .hero-ico{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px; border-radius:9px;background:rgba(255,255,255,.18);backdrop-filter:blur(2px)} .hero-main>div:first-child{font-size:13.5px;opacity:.92;position:relative;z-index:1} .hero-num{font-size:34px;font-weight:800;letter-spacing:-.5px;margin:8px 0 12px; position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,20,80,.25)} .hero-sub{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1} .hero-sub .chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px; background:rgba(255,255,255,.15);font-size:12.5px;backdrop-filter:blur(2px)} .hero-sub .chip i{display:inline-flex} .hero-sub .chip b{font-weight:700;margin-left:2px} .hero-side{background:#fff;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:9px} .hero-side .hs{display:flex;align-items:center;justify-content:space-between;font-size:13px; padding-bottom:8px;border-bottom:1px dashed var(--line)} .hero-side .hs:last-child{border-bottom:none;padding-bottom:0} .hs-k{color:var(--sub)} .hs-v{font-weight:700;font-size:15px;color:var(--ink)} .hs-v.warn{color:#D97706} .kpi{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;padding:15px 16px} .kpi .kpi-ico{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center; box-shadow:0 3px 8px rgba(10,40,90,.14)} .kpi .kpi-ico svg{width:19px;height:19px} .kpi-ico.blue{background:linear-gradient(135deg,var(--bxz-2,#4A9BFF),var(--bxz-1,#0062E6))} .kpi-ico.green{background:linear-gradient(135deg,#5BD6A8,var(--ok,#0E9F6E))} .kpi-ico.orange{background:linear-gradient(135deg,#FFC24D,#F79009)} .kpi-ico.purple{background:linear-gradient(135deg,#B39BFF,#7A5AF8)} .kpi .kpi-txt{min-width:0} .kpi .d{grid-column:1/-1;font-size:12px;color:var(--muted);margin-top:2px} .kpi.mini{display:block;padding:14px 16px} .kpi.mini .k{margin-bottom:6px} .kpi.mini .v{font-size:16px;line-height:1.45;word-break:break-all;overflow-wrap:anywhere} .kpi.mini .v.sm{font-size:14px} @media (max-width:900px){.dash-hero{grid-template-columns:1fr}.hero-num{font-size:28px}} [data-eye-admin="1"] .kpi-ico,[data-eye-site="1"] .kpi-ico, [data-eye-site="1"] .kpi-ico{filter:saturate(.55) brightness(1.06);box-shadow:0 2px 5px rgba(0,0,0,.10)} [data-eye-admin="1"] .ph-ico,[data-eye-site="1"] .ph-ico{filter:saturate(.5) brightness(1.08);box-shadow:0 1px 4px rgba(0,0,0,.10)} [data-eye-admin="1"] .card-ico,[data-eye-site="1"] .card-ico, [data-eye-site="1"] .card-ico{filter:saturate(.6) brightness(1.05)} [data-eye-admin="1"] .hero-main,[data-eye-site="1"] .hero-main{background:linear-gradient(120deg,#3A4A5C 0%,#4C6076 55%,#5F7488 100%)} [data-eye-admin="1"] .dash-hero,[data-eye-site="1"] .dash-hero{box-shadow:0 4px 14px rgba(0,0,0,.12)} .cron-box{margin-top:14px;border:1px solid var(--line);border-radius:14px; background:linear-gradient(180deg,var(--bxz-5),#fff);padding:14px 16px} .cron-box .cron-hd{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px} .cron-box .cron-ico{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:inline-flex; align-items:center;justify-content:center;background:var(--bxz-1);color:#fff; box-shadow:0 4px 10px rgba(0,106,243,.25);align-self:center} .cron-box .cron-ico svg{width:16px;height:16px;display:block} .cron-box .cron-title{font-size:13.5px;font-weight:700;color:var(--bxz-deep);line-height:1.4} .cron-box .cron-sub{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.5} .cron-box .cron-row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap} .cron-box .cron-url{flex:1 1 260px;min-width:0;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:12.5px;line-height:1.6;color:var(--bxz-deep);background:#fff;border:1px dashed var(--line); border-radius:10px;padding:8px 10px;word-break:break-all} .cron-box .cron-url.sm{flex:1 1 200px;font-size:12px;padding:6px 9px} .cron-box .btn{flex:0 0 auto;align-self:stretch;display:inline-flex;align-items:center} .cron-box .cron-tips{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px} .cron-box .tip-tag{flex:0 0 auto;font-size:11.5px;font-weight:600;color:var(--bxz-1); background:var(--bxz-5);border:1px solid var(--line);border-radius:999px;padding:3px 10px} .cron-box .cron-note{margin-top:10px;font-size:12px;line-height:1.7;color:var(--sub); border-top:1px dashed var(--line);padding-top:9px} .cron-box .cron-note b{color:var(--bxz-deep)} .steps{margin:0;padding-left:20px;font-size:13px;line-height:2;color:var(--sub)} .steps li{margin-bottom:2px} .steps li::marker{color:var(--bxz-1);font-weight:700} @media(max-width:640px){ .cron-box{padding:12px} .cron-box .cron-row{flex-direction:column} .cron-box .btn{width:100%;justify-content:center} } .hico{display:inline-block;vertical-align:middle;flex:0 0 auto} .feature .ico svg{width:24px;height:24px} .hero-tag{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px;margin-bottom:18px; border-radius:var(--r-pill);background:rgba(255,255,255,.92);border:1px solid #C9DEFF; color:var(--bxz-1);font-size:13px;font-weight:700;box-shadow:var(--shadow-1)} .hero-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(18,160,110,.18)} .intro{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start} .intro-main{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px;display:flex;gap:16px;min-width:0} .intro-ico{width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:var(--grad-main);color:#fff; display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-blue)} .intro-main h3{font-size:17px;margin-bottom:8px} .intro-main p{color:var(--sub);font-size:13.8px;line-height:1.9} .intro-main p + p{margin-top:8px} .intro-demo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding:12px 14px; background:var(--bxz-5);border:1px dashed #C9DEFF;border-radius:12px} .intro-demo code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.8px; background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 9px;color:var(--bxz-deep);font-weight:600} .intro-arrow{color:var(--bxz-2);display:inline-flex} .intro-vs{display:flex;flex-direction:column;gap:12px;min-width:0} .vs-col{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:18px} .vs-col.bad{border-color:#F5D3D0} .vs-col.good{border-color:#BFE6D5} .vs-hd{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;margin-bottom:10px} .vs-ico{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:0 0 24px} .vs-ico.bad{background:linear-gradient(135deg,#FF6A5E,#F04438)} .vs-ico.good{background:linear-gradient(135deg,#28C08A,#12A06E)} .vs-col ul{display:flex;flex-direction:column;gap:8px} .vs-col li{font-size:13px;color:var(--sub);line-height:1.6;padding-left:14px;position:relative} .vs-col li::before{content:"";position:absolute;left:2px;top:8px;width:5px;height:5px;border-radius:50%} .vs-col.bad li::before{background:#F04438} .vs-col.good li::before{background:var(--ok)} .steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0} .step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:20px 18px;transition:all .2s ease} .step:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:#C9DEFF} .step-no{position:absolute;top:14px;right:16px;font-size:26px;font-weight:800;color:var(--bxz-4);line-height:1} .step-ico{width:44px;height:44px;border-radius:13px;background:var(--grad-main);color:#fff; display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:var(--shadow-blue)} .step h3{font-size:15.5px;margin-bottom:6px} .step p{font-size:13px;color:var(--sub);line-height:1.75} .step:not(:last-child)::after{content:"";position:absolute;top:40px;right:-11px;width:8px;height:8px; border-top:2px solid var(--bxz-2);border-right:2px solid var(--bxz-2);transform:rotate(45deg);opacity:.55} .scene{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:20px;transition:all .2s ease} .scene:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:#C9DEFF} .scene-ico{width:46px;height:46px;border-radius:14px;background:var(--bxz-4);color:var(--bxz-1); display:flex;align-items:center;justify-content:center;margin-bottom:12px} .scene h3{font-size:15.5px;margin-bottom:6px} .scene p{font-size:13px;color:var(--sub);line-height:1.75} @media (max-width:860px){ .intro{grid-template-columns:1fr} .steps{grid-template-columns:repeat(2,1fr)} .step:not(:last-child)::after{display:none} .intro-main{padding:20px} .nav .wrap{padding:0 12px;gap:8px} .nav .right{gap:6px;min-width:0} .nav .right .btn{padding:0 12px} .burger{width:38px;height:38px;flex:0 0 38px} .lang-switch button{padding:5px 10px;font-size:12px} } @media (max-width:640px){ .steps{grid-template-columns:1fr} .intro-main{flex-direction:column;padding:18px;gap:12px} .intro-demo{gap:6px;padding:10px 12px} .intro-demo code{font-size:12px;padding:3px 7px} .scene,.step{padding:17px 16px} .hero-tag{font-size:12.5px;height:28px;padding:0 12px} .nav .wrap{height:58px;padding:0 10px;gap:6px} .nav .right{gap:5px} .nav .right .btn{padding:0 10px;font-size:12.5px} .lang-switch button{padding:4px 8px;font-size:11.5px} .burger{width:34px;height:34px;flex:0 0 34px} .nav .brand span{display:none} .nav .right{gap:4px} .nav .right .btn{padding:0 9px;font-size:12px} .lang-switch button{padding:4px 7px;font-size:11px} .eye-btn .eye-txt{display:none} .eye-btn{padding:0 9px} } #features .grid,#scenes .grid,.steps{grid-auto-rows:1fr} .legal .bd{padding:26px 28px} .legal-lead{font-size:13.8px;color:var(--sub);line-height:1.9;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line)} .legal-toc{list-style:none;margin:0 0 22px;padding:16px 18px;background:var(--bxz-5);border:1px solid var(--line);border-radius:12px; display:grid;grid-template-columns:repeat(2,1fr);gap:7px 18px} .legal-toc li{font-size:13px} .legal-toc a{color:var(--sub);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .legal-toc a:hover{color:var(--bxz-1)} .legal-toc li::before{content:"—";color:var(--bxz-2);margin-right:6px} .legal-sec{margin-bottom:22px;scroll-margin-top:80px} .legal-sec h3{font-size:15.5px;margin-bottom:8px;color:var(--ink)} .legal-sec p{font-size:13.8px;color:var(--sub);line-height:2} .legal-foot{margin-top:26px;padding-top:16px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--muted);line-height:1.9} .logo-up{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap} .logo-prev{width:132px;height:76px;flex:0 0 132px;border:1px solid var(--line);border-radius:12px;background:var(--bxz-5); display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px} .logo-prev img{max-width:100%;max-height:60px;width:auto;object-fit:contain} .logo-act{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:9px} .logo-act .err{color:var(--bad,#F04438)} .logo-act .ok{color:var(--ok)} .notice-item{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:10px;background:#fff;transition:all .18s ease} .notice-item:hover{border-color:#C9DEFF;box-shadow:var(--shadow-1)} .notice-item .ni-hd{display:flex;align-items:center;gap:9px;flex-wrap:wrap} .notice-item .ni-hd b{font-size:14.5px} .notice-item .ni-date{margin-left:auto;font-size:12.5px;color:var(--muted)} .notice-item .ni-bd{margin-top:9px;font-size:13.5px;color:var(--sub);line-height:1.9;white-space:pre-wrap} .notice-item .ni-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--r-pill); background:var(--bxz-4);color:var(--bxz-1);font-size:11.5px;font-weight:700} .notice-unread{position:relative} .notice-unread::after{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--warn)} @media (max-width:860px){ .legal .bd{padding:20px 18px} .legal-toc{grid-template-columns:1fr} } @media (max-width:640px){ .legal .bd{padding:16px 14px} .legal-sec p{font-size:13.2px;line-height:1.9} .logo-up{gap:12px} .logo-prev{width:100%;flex:0 0 auto;height:70px} } .kw-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 0;max-width:620px} .kw{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:var(--r-pill); background:#fff;border:1px solid var(--line);color:var(--sub);font-size:13px;font-weight:600;transition:all .18s ease} .kw:hover{border-color:var(--bxz-2);color:var(--bxz-1);background:var(--bxz-5);transform:translateY(-2px)} .split{display:grid;grid-template-columns:1fr 1fr;gap:16px} .lead{font-size:14px;color:var(--ink);line-height:1.95} .prefix-demo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 16px;background:var(--bxz-5); border:1px dashed var(--bxz-2);border-radius:12px} .prefix-demo code{font-size:13px;color:var(--sub);font-family:ui-monospace,Menlo,Consolas,monospace} .prefix-demo code.hl{color:var(--bxz-1);font-weight:700;background:#fff;padding:3px 9px;border-radius:7px;border:1px solid var(--line)} .prefix-demo .arw{color:var(--bxz-2);font-weight:700} .vs{display:grid;grid-template-columns:1fr 1fr;gap:14px} .vs-col{border:1px solid var(--line);border-radius:var(--r-card);padding:16px} .vs-col.bad{background:#FFF6F6;border-color:#FFD9D9} .vs-col.ok{background:#F3FBF7;border-color:#CDEEDF} .vs-hd{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;margin-bottom:10px} .vs-col.bad .vs-ico{background:#F04438} .vs-col.ok .vs-ico{background:#12B76A} .vs-col ul{margin:0;padding:0;list-style:none} .vs-col li{position:relative;padding-left:16px;font-size:13px;color:var(--sub);line-height:1.9} .feat{display:flex;gap:13px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);transition:all .2s ease} .feat:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:#C9DEFF} .feat-ico{flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:var(--grad-main);color:#fff; display:inline-flex;align-items:center;justify-content:center} .feat b{display:block;font-size:15px;margin-bottom:5px} .feat p{font-size:13px;color:var(--sub);line-height:1.8} .suffix{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;background:#fff; border:1px solid var(--line);border-radius:var(--r-card);transition:all .18s ease} .suffix:hover{border-color:#C9DEFF;box-shadow:var(--shadow-1);transform:translateY(-2px)} .sf-name{font-weight:800;font-size:15px;color:var(--ink)} .sf-price{margin-left:auto;font-weight:800;color:var(--bxz-1);font-size:15px} .sf-vendor{font-size:12px;color:var(--muted);width:100%;order:3} .sf-go{order:4;font-size:13px;font-weight:600;color:var(--bxz-1)} .to-top{position:fixed;right:22px;bottom:26px;z-index:80;width:46px;height:46px;border:0;border-radius:50%; background:var(--grad-main);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center; box-shadow:0 8px 22px rgba(0,106,243,.32);opacity:0;visibility:hidden;transform:translateY(12px) scale(.9); transition:all .25s cubic-bezier(.4,0,.2,1)} .to-top.show{opacity:1;visibility:visible;transform:none} .to-top:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,106,243,.42)} .to-top:active{transform:translateY(0) scale(.94)} .to-top::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--bxz-2);opacity:0;transition:opacity .2s} .to-top:focus-visible::after{opacity:.5} .back-home{display:inline-flex;align-items:center;gap:6px;font-size:12.8px;color:var(--sub); padding:6px 12px;border-radius:var(--r-pill);transition:all .18s ease} .back-home:hover{background:var(--bxz-5);color:var(--bxz-1)} .back-home .bh-ico{display:inline-flex;color:var(--bxz-1)} .beian-link{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12.5px;transition:color .18s} .beian-link:hover{color:var(--bxz-1)} .beian-link svg{flex:0 0 auto;color:var(--bxz-2)} .faq-page .bd{padding:8px 22px} .qa{border-bottom:1px dashed var(--line)} .qa:last-child{border-bottom:0} .qa summary{display:flex;align-items:center;gap:10px;padding:16px 0;cursor:pointer;list-style:none; font-size:14.5px;transition:color .18s} .qa summary::-webkit-details-marker{display:none} .qa summary:hover{color:var(--bxz-1)} .qa .qa-ico{flex:0 0 26px;width:26px;height:26px;border-radius:8px;background:var(--bxz-4);color:var(--bxz-1); display:inline-flex;align-items:center;justify-content:center} .qa summary b{flex:1;min-width:0;font-weight:700} .qa-arrow{flex:0 0 auto;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted); transform:rotate(45deg) translateY(-2px);transition:transform .22s ease} .qa[open] .qa-arrow{transform:rotate(-135deg) translateY(-2px)} .qa[open] .qa-ico{background:var(--grad-main);color:#fff} .qa-body{padding:0 0 18px 36px;font-size:13.6px;color:var(--sub);line-height:2;animation:qaIn .22s ease} @keyframes qaIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}} @media (max-width:860px){ .split,.vs{grid-template-columns:1fr} .faq-page .bd{padding:6px 16px} } @media (max-width:640px){ .kw-cloud{gap:6px} .kw{height:28px;padding:0 11px;font-size:12px} .to-top{right:14px;bottom:16px;width:42px;height:42px} .qa-body{padding-left:0} .suffix{padding:12px 14px} } .hero{overflow:hidden} .qa{overflow:hidden} .qa summary b{overflow-wrap:anywhere;word-break:break-word} .qa-body{overflow-wrap:anywhere;word-break:break-word} @media (max-width:640px){ .stats{gap:16px} .stats .s b{font-size:21px} .hero{padding:48px 0 42px} .hero h1{font-size:28px} } .sidebar .grp{display:flex;align-items:center;gap:9px;padding:0 10px;height:46px;margin-top:12px; color:var(--txt);font-size:14.5px;font-weight:800;letter-spacing:.01em; user-select:none;cursor:pointer;border-radius:10px; transition:background .18s,color .18s} .sidebar .grp:hover{background:var(--bxz-5)} .sidebar .grp .grp-ico{flex:0 0 auto;width:28px;height:28px;border-radius:9px; display:inline-flex;align-items:center;justify-content:center;color:#fff; box-shadow:0 2px 6px rgba(16,48,96,.16)} .sidebar .grp .grp-ico svg{width:15px;height:15px} .sidebar .grp .grp-ico.blue{background:linear-gradient(135deg,#3E9CFF,#0A68F0)} .sidebar .grp .grp-ico.cyan{background:linear-gradient(135deg,#22D3EE,#0891B2)} .sidebar .grp .grp-ico.orange{background:linear-gradient(135deg,#FDB022,#F79009)} .sidebar .grp .grp-ico.purple{background:linear-gradient(135deg,#9B8AFB,#6E5BF0)} .sidebar .grp .grp-ico.green{background:linear-gradient(135deg,#32D583,#12B76A)} .sidebar .grp .grp-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sidebar .grp .grp-tag{min-width:19px;height:19px;padding:0 6px;border-radius:10px;background:#D92D20;color:#fff; font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto} .sidebar .grp .grp-ar{flex:0 0 auto;width:18px;height:18px;border-radius:6px; display:inline-flex;align-items:center;justify-content:center; color:var(--muted);transition:transform .22s ease,color .18s,background .18s} .sidebar .grp:hover .grp-ar{background:rgba(16,48,96,.07);color:var(--bxz-1)} .sidebar .grp .grp-ar.open{transform:rotate(180deg)} .sidebar .grp-body{display:flex;flex-direction:column;gap:1px; padding-left:8px;margin-left:12px;border-left:1px dashed var(--line)} .sidebar .grp-body>a{margin-bottom:1px} [data-theme="eye"] .sidebar .grp .grp-ico{filter:saturate(.55)} @media (max-width:860px){ .sidebar .grp{height:48px;font-size:14.5px} } @media (max-height:820px) and (min-width:861px){ .admin-login{padding:20px 18px} .admin-login .panel .right{padding-top:32px;padding-bottom:32px} } .admin-login .shield{display:flex;align-items:center;gap:8px;margin-top:2px; padding:8px 11px;border-radius:10px; background:linear-gradient(135deg,rgba(0,106,243,.07),rgba(0,41,174,.05)); border:1px solid rgba(0,106,243,.16)} .admin-login .shield .sh-ico{flex:0 0 auto;width:24px;height:24px;border-radius:7px; display:inline-flex;align-items:center;justify-content:center;align-self:center; background:var(--bxz-1);color:#fff;box-shadow:0 2px 6px rgba(0,106,243,.28)} .admin-login .shield .sh-ico svg{width:14px;height:14px} .admin-login .shield .sh-txt{flex:1;min-width:0;display:flex;align-items:center; gap:4px 10px;flex-wrap:wrap} .admin-login .shield .sh-txt b{font-size:12.5px;color:var(--txt);font-weight:700;white-space:nowrap} .admin-login .shield .sh-items{display:flex;flex-wrap:wrap;gap:4px 10px} .admin-login .shield .sh-items span{display:inline-flex;align-items:center;gap:5px; font-size:11.5px;color:var(--sub);white-space:nowrap} .admin-login .shield .dot{width:6px;height:6px;border-radius:50%;background:#12B76A;flex:0 0 auto} .admin-login .shield .dot.ok{box-shadow:0 0 0 3px rgba(18,183,106,.16)} .admin-login .back-front{display:inline-flex;align-items:center;gap:6px;margin-top:10px; padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:600; color:var(--bxz-1);text-decoration:none; background:#fff;border:1px solid rgba(0,106,243,.22); transition:all .18s} .admin-login .back-front:hover{background:var(--bxz-1);color:#fff;border-color:var(--bxz-1); transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,106,243,.25)} .admin-login .back-front .bf-ico{display:inline-flex;align-items:center} .admin-login .back-front .bf-ico svg{width:15px;height:15px} [data-theme="eye"] .admin-login .shield{background:rgba(120,130,140,.1);border-color:rgba(120,130,140,.2)} [data-theme="eye"] .admin-login .shield .sh-ico{background:#6B7280;box-shadow:none} .rs-box{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px; background:var(--bxz-6);border:1px solid var(--line)} .rs-box .rs-ico{flex:0 0 auto;width:32px;height:32px;border-radius:9px; display:inline-flex;align-items:center;justify-content:center} .rs-box .rs-ico.cyan{background:linear-gradient(135deg,#22D3EE,#0891B2)} .rs-box .rs-ico.blue{background:linear-gradient(135deg,#3E9CFF,#0A68F0)} .rs-box .rs-ico.green{background:linear-gradient(135deg,#34D399,#059669)} .rs-box .rs-ico.grey{background:linear-gradient(135deg,#98A2B3,#667085)} .rs-box .rs-ico svg{width:16px;height:16px} .rs-box .rs-txt{min-width:0} .rs-box .rs-k{font-size:12px;color:var(--sub)} .rs-box .rs-v{font-size:22px;font-weight:800;line-height:1.2;color:var(--txt); font-variant-numeric:tabular-nums} .gl{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px; border-radius:14px;background:#fff;border:1px solid var(--line); box-shadow:0 2px 10px rgba(16,48,96,.05);transition:transform .2s,box-shadow .2s} .gl:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(16,48,96,.11)} .gl .gl-ico{display:inline-flex;align-items:center;justify-content:center; width:44px;height:44px;border-radius:12px;margin-bottom:4px; background:linear-gradient(135deg,#EAF3FF,#D6E8FF);color:var(--bxz-1)} .gl b{font-size:15px;color:var(--txt);font-weight:700} .gl span:last-child{font-size:13px;color:var(--sub);line-height:1.7} .ct-card{display:flex;flex-direction:column;align-items:center;gap:7px; padding:22px 16px;border-radius:14px;text-decoration:none; background:#fff;border:1px solid var(--line); box-shadow:0 2px 10px rgba(16,48,96,.05);transition:transform .2s,box-shadow .2s} .ct-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(16,48,96,.11)} .ct-card .ct-ico{display:inline-flex;align-items:center;justify-content:center; width:46px;height:46px;border-radius:50%;color:#fff; box-shadow:0 3px 10px rgba(16,48,96,.18)} .ct-card .ct-ico svg{width:22px;height:22px} .ct-card b{font-size:14px;color:var(--txt);font-weight:700} .ct-card span:last-child{font-size:13px;color:var(--sub);word-break:break-all;text-align:center} @media (max-width:860px){ .gl{padding:15px} .ct-card{padding:18px 12px} } .sidebar a.side-logout{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 12px; border-radius:12px;font-size:15.5px;font-weight:800;color:#D92D20;letter-spacing:.01em; background:linear-gradient(135deg,rgba(217,45,32,.08),rgba(217,45,32,.03)); border:1px solid rgba(217,45,32,.16); transition:background .18s,color .18s,transform .18s,box-shadow .18s} .sidebar a.side-logout:hover{background:linear-gradient(135deg,#F04438,#D92D20);color:#fff; border-color:transparent;transform:translateY(-1px);box-shadow:0 6px 16px rgba(217,45,32,.28)} .sidebar a.side-logout .ico.lo{flex:0 0 auto;width:30px;height:30px;border-radius:9px; display:inline-flex;align-items:center;justify-content:center; background:#F04438;color:#fff;box-shadow:0 2px 7px rgba(217,45,32,.32); transition:background .18s,box-shadow .18s} .sidebar a.side-logout .ico.lo svg{width:16px;height:16px} .sidebar a.side-logout:hover .ico.lo{background:rgba(255,255,255,.22);box-shadow:none} .sidebar a.side-logout .lo-t{flex:1;min-width:0} [data-theme="eye"] .sidebar a.side-logout{color:#B42318;background:rgba(180,35,24,.07);border-color:rgba(180,35,24,.16)} [data-theme="eye"] .sidebar a.side-logout .ico.lo{background:#B42318;box-shadow:none} .pay-item .pay-head .gw-ico{flex:0 0 auto;width:30px;height:30px;border-radius:9px; overflow:hidden;display:inline-flex;align-items:center;justify-content:center; box-shadow:0 2px 7px rgba(16,48,96,.18)} .pay-item .pay-head .gw-ico svg{width:30px;height:30px;display:block} .pay-item .pay-head .rank{display:none} .acc-enter-active,.acc-leave-active{transition:max-height .28s cubic-bezier(.4,0,.2,1), opacity .22s ease,padding .28s cubic-bezier(.4,0,.2,1);overflow:hidden} .acc-enter-from,.acc-leave-to{max-height:0;opacity:0;padding-top:0;padding-bottom:0} .acc-enter-to,.acc-leave-from{max-height:1200px;opacity:1} .pay-item{border-radius:12px;transition:box-shadow .2s,border-color .2s} .pay-item:hover{box-shadow:0 4px 16px rgba(16,48,96,.10)} .pay-item .pay-head{cursor:pointer;transition:background .18s} .pay-item .pay-head:hover{background:var(--bxz-5)} .pay-item .pay-head .caret{display:inline-flex;align-items:center;justify-content:center; width:20px;height:20px;border-radius:6px;color:var(--muted); transition:transform .26s cubic-bezier(.4,0,.2,1),color .18s,background .18s} .pay-item .pay-head:hover .caret{background:rgba(16,48,96,.07);color:var(--bxz-1)} .pay-item .pay-head .caret.up{transform:rotate(180deg)} .title h2{position:relative;letter-spacing:.01em} .title.tc h2{padding-bottom:14px} .title.tc h2::after{content:"";position:absolute;left:50%;transform:translateX(-50%); bottom:0;width:44px;height:3px;border-radius:2px; background:linear-gradient(90deg,#006AF3,#34ABFC)} .title:not(.tc) h2{padding-left:14px} .title:not(.tc) h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%); width:4px;height:22px;border-radius:2px; background:linear-gradient(180deg,#34ABFC,#006AF3)} .title p{margin-top:12px;color:var(--sub);font-size:14px;line-height:1.8} .cta-title{font-size:24px;font-weight:800;color:var(--txt);line-height:1.4;letter-spacing:.01em} @media (max-width:640px){ .cta-title{font-size:20px} } html{scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} } section[id],.legal-sec{scroll-margin-top:calc(var(--nav-h) + 14px)} #vendors,#global,#flow,#features,#contact,#mall,#packages{scroll-margin-top:calc(var(--nav-h) + 20px)} @media (max-width:860px){ :root{--nav-h:58px} } .sidebar .ugrp{display:flex;align-items:center;gap:10px;padding:0 11px;height:46px;margin-top:10px; border-radius:11px;cursor:pointer;user-select:none; font-size:14.5px;font-weight:800;letter-spacing:.01em;color:var(--muted); transition:background .18s,color .18s} .sidebar .ugrp:hover{background:var(--bxz-5);color:var(--txt)} .sidebar .ugrp.open{color:var(--bxz-1)} .sidebar .ugrp .ugrp-ico{flex:0 0 auto;width:26px;height:26px;border-radius:9px; display:inline-flex;align-items:center;justify-content:center; background:var(--bxz-4);color:var(--muted);transition:background .18s,color .18s} .sidebar .ugrp .ugrp-ico svg{width:15px;height:15px;display:block} .sidebar .ugrp:hover .ugrp-ico{background:#fff;color:var(--bxz-1)} .sidebar .ugrp.open .ugrp-ico{background:rgba(0,106,243,.1);color:var(--bxz-1)} .sidebar .ugrp .ugrp-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sidebar .ugrp .ugrp-ar{flex:0 0 auto;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center; color:var(--muted);transition:transform .22s ease,color .18s} .sidebar .ugrp .ugrp-ar svg{width:15px;height:15px;display:block} .sidebar .ugrp .ugrp-ar.open{transform:rotate(180deg)} .sidebar .ugrp.open .ugrp-ar{color:var(--bxz-1)} .sidebar .ugrp-body{display:flex;flex-direction:column;gap:1px;padding:3px 0 6px 14px} .sidebar .ugrp-body>a{margin-bottom:1px} .bell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center; width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:10px; background:var(--bxz-4);color:var(--muted);cursor:pointer;transition:background .18s,color .18s,border-color .18s} .bell-btn:hover{background:var(--bxz-5);color:var(--bxz-1);border-color:rgba(0,106,243,.28)} .bell-btn.on{color:var(--bxz-1);background:rgba(0,106,243,.09);border-color:rgba(0,106,243,.3)} .bell-btn .bell-ico{display:inline-flex;flex:0 0 auto} .bell-btn .bell-ico svg{width:17px;height:17px;display:block} .np-hd{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px} .np-hd .np-title{font-size:16px;font-weight:800;letter-spacing:.3px} .np-hd .x{position:absolute;right:14px;top:50%;transform:translateY(-50%)} .notice-item .ni-top{height:20px;padding:0 8px;font-size:11px;font-weight:700;flex:0 0 auto} .bell-btn .bell-dot{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px; border-radius:9px;background:#F04438;color:#fff;border:2px solid #fff; font-size:11px;font-weight:700;line-height:14px;display:inline-flex;align-items:center;justify-content:center; box-shadow:0 1px 3px rgba(240,68,56,.45)} .notice-item{border:1px solid var(--line);border-radius:10px;margin-bottom:8px;overflow:hidden;background:#fff} .notice-item.open{border-color:rgba(0,106,243,.35)} .notice-item .ni-hd{display:flex;align-items:center;gap:8px;padding:11px 13px;cursor:pointer;user-select:none} .notice-item .ni-hd:hover{background:var(--bxz-5)} .notice-item .ni-hd b{flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .notice-item .ni-date{flex:0 0 auto;font-size:12px;color:var(--muted)} .notice-item .ni-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#F04438} .notice-item .ni-bd{padding:0 13px 13px;font-size:13.4px;line-height:1.75;color:var(--sub); white-space:pre-wrap;word-break:break-word;border-top:1px dashed var(--line);padding-top:11px} .side-toggle{display:flex;align-items:center;gap:8px;margin:12px 10px 0;padding:0 10px;height:36px; border-radius:10px;background:var(--bxz-4);color:var(--muted); font-size:12.5px;font-weight:600;cursor:pointer;user-select:none; transition:background .18s,color .18s} .side-toggle:hover{background:var(--bxz-5);color:var(--bxz-1)} .side-toggle.on{color:var(--bxz-1);background:rgba(0,106,243,.09)} .side-toggle .ico{display:inline-flex;flex:0 0 auto} .side-toggle .ico svg{width:15px;height:15px;display:block} .side-toggle .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .side-level{display:flex;align-items:center;gap:8px;margin:8px 10px 0;padding:8px 10px;border-radius:10px;background:var(--bxz-4);font-size:12.5px} .side-level .lv-ico{width:26px;height:26px;border-radius:8px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff} .side-level .lv-ico svg{width:16px;height:16px;display:block} .plat-tip{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;margin-bottom:14px; border:1px solid #BCD8FF;border-radius:14px;background:linear-gradient(90deg,#EAF3FF,#fff)} .plat-tip .pt-ico{flex:0 0 auto;margin-top:1px;color:var(--main);display:inline-flex} .plat-tip .pt-txt{font-size:13px;line-height:1.85;color:var(--sub)} .plat-card{display:flex;flex-direction:column} .plat-card .bd{flex:1 1 auto} .plat-card .hd .plat-name{font-weight:700;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .plat-card .hd .plat-state{margin-left:auto;flex:0 0 auto} .plat-state{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px; font-size:11.5px;font-weight:700;background:#E6F8F0;color:var(--ok)} .plat-state.off{background:#F1F4FA;color:var(--sub)} .plat-card .ft{display:flex;align-items:center;gap:10px;flex-wrap:wrap; padding:12px 18px;border-top:1px solid var(--line);background:#FCFDFF;border-radius:0 0 var(--r-card) var(--r-card)} .plat-card .ft-l{display:flex;align-items:center;gap:8px;min-width:0} .plat-card .ft-r{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .plat-card .ft-txt{font-size:12.5px;font-weight:600;color:var(--sub)} .plat-card .ft-sync{font-size:12px;color:var(--bxz-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mall-ft{display:flex;align-items:center;gap:10px;flex-wrap:wrap; padding:12px 18px;border-top:1px solid var(--line);background:#FCFDFF; border-radius:0 0 var(--r-card) var(--r-card)} .mall-ft-l{display:flex;align-items:center;gap:8px;min-width:0} .mall-ft-r{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .mall-ft-txt{font-size:12.5px;font-weight:600;color:var(--sub)} @media (max-width:640px){ .mall-ft{flex-direction:column;align-items:stretch} .mall-ft-r{margin-left:0;justify-content:flex-end} } .plat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center; gap:10px;padding:40px 20px;text-align:center} .plat-empty .pe-ico{color:var(--bxz-2);display:inline-flex;opacity:.75} .plat-empty .pe-txt{font-size:13.5px;color:var(--sub)} @media (max-width:640px){ .plat-card .ft{flex-direction:column;align-items:stretch} .plat-card .ft-r{margin-left:0;justify-content:flex-end} .plat-card .ft-sync{display:none} } .plat-test{margin:0 18px 14px;padding:11px 13px;border:1px solid var(--line); border-radius:10px;background:#FAFBFE} .plat-test .ptt-hd{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink)} .plat-test .ptt-dot{width:8px;height:8px;border-radius:50%;background:#B9C4D8;flex:0 0 auto} .plat-test .ptt-hd.ok .ptt-dot{background:#15803D} .plat-test .ptt-hd.bad .ptt-dot{background:#C4271B} .plat-test .ptt-msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .plat-test .ptt-steps{margin-top:9px;display:flex;flex-direction:column;gap:5px} .plat-test .ptt-step{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;line-height:1.6} .plat-test .ptt-ic{width:16px;height:16px;border-radius:50%;flex:0 0 auto;margin-top:2px; display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:#fff} .plat-test .ptt-ic.ok{background:#15803D} .plat-test .ptt-ic.bad{background:#C4271B} .plat-test .ptt-nm{flex:0 0 auto;color:var(--sub);font-weight:600} .plat-test .ptt-dt{color:var(--bxz-2);word-break:break-all} .modal.sm{max-width:400px} .lo-ask{display:flex;gap:14px;align-items:flex-start;padding:4px 2px 2px} .lo-ico{flex:0 0 auto;width:44px;height:44px;border-radius:14px;display:inline-flex; align-items:center;justify-content:center;background:#FDECEA;color:#D92D20} .lo-ico svg{width:24px;height:24px;display:block} .lo-txt{flex:1;min-width:0;padding-top:2px} .lo-txt .lo-t1{font-size:15.5px;font-weight:800;color:var(--txt);line-height:1.5} .lo-txt .lo-t2{margin-top:6px;font-size:13px;color:var(--sub);line-height:1.75} .modal .ft.lo-ft{justify-content:flex-end;gap:10px} .lo-ft .btn{min-width:88px;justify-content:center} .bg-ask{padding:2px 2px 0} .bg-ico{background:linear-gradient(135deg,rgba(15,98,224,.12),rgba(20,200,242,.16));color:var(--bxz-2)} .bg-num{margin-top:12px;display:inline-flex;align-items:center;gap:8px;padding:9px 16px; border-radius:12px;font-size:19px;font-weight:800;letter-spacing:.6px;color:var(--bxz-2); background:linear-gradient(135deg,rgba(15,98,224,.08),rgba(20,200,242,.1)); border:1px dashed rgba(15,98,224,.32)} @media (max-width:640px){ .bg-num{font-size:17px;padding:8px 13px} .lo-ft .btn{min-width:0;flex:1} } .btn.danger{background:linear-gradient(135deg,#F97066,#D92D20);color:#fff; border:none;box-shadow:0 2px 8px rgba(217,45,32,.24)} .btn.danger:hover{filter:brightness(1.05)} @media (max-width:640px){ .modal.sm{max-width:calc(100vw - 24px)} .lo-ask{gap:11px} .lo-ico{width:38px;height:38px;border-radius:12px} .lo-ico svg{width:21px;height:21px} } .sidebar.mini{width:64px;flex:0 0 64px;padding:16px 8px; overflow-x:hidden;overflow-y:auto; transition:width .22s ease,flex-basis .22s ease} .sidebar{transition:width .22s ease,flex-basis .22s ease} .sidebar.mini .side-brand{display:none} .sidebar.mini a, .sidebar.mini .grp, .sidebar.mini .ugrp, .sidebar.mini .side-toggle, .sidebar.mini .side-collapse, .sidebar.mini .side-logout, .sidebar.mini .side-level{justify-content:center;gap:0; padding-left:0;padding-right:0;font-size:0} .sidebar.mini .grp-t, .sidebar.mini .ugrp-t, .sidebar.mini .grp-ar, .sidebar.mini .ugrp-ar, .sidebar.mini .lo-t, .sidebar.mini .side-toggle .t, .sidebar.mini .side-collapse .t, .sidebar.mini .grp-t, .sidebar.mini .ugrp-t, .sidebar.mini .grp-ar, .sidebar.mini .ugrp-ar, .sidebar.mini .lo-t, .sidebar.mini .side-toggle .t, .sidebar.mini .side-collapse .t, .sidebar.mini .side-level b, .sidebar.mini .side-level .sub{display:none} .sidebar.mini .side-level .lv-ico{width:34px;height:34px;flex:0 0 34px;border-radius:11px;margin:0} .sidebar.mini a .ico{width:22px;height:22px;flex:0 0 22px;opacity:1} .sidebar.mini .grp .grp-ico, .sidebar.mini .ugrp .ugrp-ico{width:30px;height:30px;border-radius:10px} .sidebar.mini .grp .grp-ico svg, .sidebar.mini .ugrp .ugrp-ico svg{width:17px;height:17px} .sidebar.mini .grp-body, .sidebar.mini .ugrp-body{padding:3px 0 6px;margin-left:0;border-left:none;align-items:stretch} .sidebar.mini a.on{box-shadow:none;background:var(--bxz-4)} .side-collapse{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-top:6px; border-radius:14px;cursor:pointer;user-select:none;color:var(--sub); font-size:14px;font-weight:600;transition:background .18s,color .18s} .side-collapse:hover{background:var(--bxz-5);color:var(--bxz-1)} .side-collapse .ico{width:20px;height:20px;flex:0 0 20px;display:inline-flex; align-items:center;justify-content:center;color:var(--bxz-1);opacity:.85} .side-collapse .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .side-collapse.on .ico{opacity:1} @media (max-width:860px){ .sidebar.mini{width:220px;flex:0 0 220px;padding:16px 12px;font-size:14px} .side-collapse{display:none} } @media (min-width:861px){ .sidebar{position:sticky;top:0;max-height:100vh;overflow-y:auto;overflow-x:hidden; scrollbar-width:thin;scrollbar-color:var(--line) transparent} .sidebar::-webkit-scrollbar{width:6px} .sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px} .sidebar::-webkit-scrollbar-track{background:transparent} } @media (min-width:861px){ .sidebar .side-foot{position:sticky;bottom:0;z-index:3;background:#fff; box-shadow:0 -6px 14px rgba(16,42,84,.07)} } .side-foot{display:flex;gap:6px;padding:6px 0 0;margin-top:8px} .side-foot>.side-toggle,.side-foot>.side-collapse{flex:1;min-width:0;height:52px;margin:0; flex-direction:column;gap:4px;padding:8px 4px;border-radius:12px;text-align:center} .side-foot .t{flex:0 0 auto;font-size:11.5px;font-weight:600;line-height:1.25;letter-spacing:0; max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; opacity:.85} .side-foot .ico{opacity:1} .side-foot .side-toggle:hover .t,.side-foot .side-collapse:hover .t{opacity:1} .sidebar.mini .side-foot{flex-direction:column;gap:4px;padding:6px 0 0} .sidebar.mini .side-foot>.side-toggle, .sidebar.mini .side-foot>.side-collapse{padding:9px 0} .sidebar.mini .side-level{justify-content:center;gap:0;padding:8px 0 12px;margin-bottom:2px} .sidebar.mini .side-level b,.sidebar.mini .side-level .sub{display:none} .sidebar.mini .side-level .lv-ico svg{width:19px;height:19px} .side-foot{align-items:stretch} .sidebar.mini .side-foot>.side-toggle, .sidebar.mini .side-foot>.side-collapse{width:100%;height:44px;padding:0} .sidebar.mini .grp,.sidebar.mini .ugrp,.sidebar.mini .grp-body a,.sidebar.mini .ugrp-body a{position:relative} .sidebar.mini .grp-tag, .sidebar.mini .grp-body a .pill{ position:absolute;top:2px;right:5px;margin:0;z-index:2; min-width:15px;height:15px;padding:0 3px;border-radius:8px; display:inline-flex;align-items:center;justify-content:center; font-size:9.5px;font-weight:800;line-height:1;letter-spacing:0; box-shadow:0 0 0 2px #fff; text-overflow:clip;overflow:hidden; } .sidebar.mini .grp-body a .pill{max-width:26px} .sidebar.mini .grp-tag{background:#D92D20;color:#fff} .sidebar.mini .ugrp-tag, .sidebar.mini .ugrp-body a .pill{display:none} .sidebar.mini .grp:hover .grp-tag{box-shadow:0 0 0 2px var(--bxz-5)} .sidebar a .pill.end{margin-left:auto} .sidebar.mini a .pill.end{margin:0} .sidebar a .pill.ok{background:#E6F8F0;color:#0B7A46} .sidebar a .pill.bad{background:#FDECEA;color:#B42318} .sidebar a .pill.warn{background:#FEF3E4;color:#93370D} .sidebar a .pill.gray{background:#F1F4FA;color:#475467} .sidebar a .pill{background:#F1F4FA;color:#475467} html[data-eye-site="1"] .sidebar a .pill.ok, html[data-eye-admin="1"] .sidebar a .pill.ok{background:#E6F8F0 !important;color:#0B7A46 !important} html[data-eye-site="1"] .sidebar a .pill.bad, html[data-eye-admin="1"] .sidebar a .pill.bad{background:#FDECEA !important;color:#B42318 !important} html[data-eye-site="1"] .sidebar a .pill.warn, html[data-eye-admin="1"] .sidebar a .pill.warn{background:#FEF3E4 !important;color:#93370D !important} html[data-eye-site="1"] .sidebar a .pill.gray, html[data-eye-admin="1"] .sidebar a .pill.gray{background:#F1F4FA !important;color:#475467 !important} html[data-eye-site="1"] .sidebar a .pill, html[data-eye-admin="1"] .sidebar a .pill{background:#F1F4FA !important;color:#475467 !important} html[data-eye-site="1"] .sidebar .grp-tag, html[data-eye-admin="1"] .sidebar .grp-tag, html[data-eye-site="1"] .sidebar .ugrp-tag, html[data-eye-admin="1"] .sidebar .ugrp-tag{background:#D92D20 !important;color:#fff !important} .tk-imgs { display:flex; flex-wrap:wrap; gap:8px; } .tk-thumb { position:relative; width:76px; height:76px; border-radius:8px; overflow:hidden; border:1px solid var(--bxz-line, #D7E1F2); background:var(--bxz-5, #F5F8FF); cursor:zoom-in; } .tk-thumb img { width:100%; height:100%; object-fit:cover; display:block; } .tk-thumb .del { position:absolute; top:0; right:0; width:20px; height:20px; line-height:20px; text-align:center; font-size:14px; color:#fff; background:rgba(0,0,0,.55); border-radius:0 0 0 8px; cursor:pointer; } .tk-thumb .del:hover { background:var(--danger-color, #C4271B); } .tk-add { width:76px; height:76px; border:1px dashed var(--bxz-line, #D7E1F2); border-radius:8px; display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--bxz-muted, #8AA0C4); font-size:26px; background:var(--bxz-5, #F5F8FF); transition:border-color .15s, color .15s; } .tk-add:hover { border-color:var(--theme, #006AF3); color:var(--theme, #006AF3); } .tk-preview { max-width:92vw; max-height:88vh; display:flex; align-items:center; justify-content:center; } .tk-preview img { max-width:92vw; max-height:88vh; border-radius:10px; box-shadow:0 12px 40px rgba(0,0,0,.35); } .captcha-img { height:38px; border-radius:8px; border:1px solid var(--bxz-line, #D7E1F2); cursor:pointer; } .tk-prio { display:inline-flex; align-items:center; gap:6px; margin-left:12px; } .tk-prio .pill { margin:0; } [data-eye-site] .tk-thumb, [data-eye-site] .tk-add { background:var(--eye-card, #22303F); border-color:var(--eye-line, #3A4A5C); } [data-eye-admin] .tk-thumb, [data-eye-admin] .tk-add { background:var(--eye-card, #22303F); border-color:var(--eye-line, #3A4A5C); } .mall-bar{background:var(--card,#fff);border:1px solid var(--line,#e6ebf2);border-radius:14px;padding:14px 16px} .mb-line{display:flex;align-items:flex-start;gap:12px;padding:6px 0} .mb-line+.mb-line{border-top:1px dashed var(--line,#e6ebf2)} .mb-label{flex:0 0 52px;font-size:12.5px;color:var(--sub,#6b7a90);line-height:30px;font-weight:600} .mb-tabs{display:flex;flex-wrap:wrap;gap:8px;flex:1} .mb-tab{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px;border-radius:15px;border:1px solid var(--line,#e6ebf2); background:var(--bg,#f7f9fc);color:var(--ink,#1b2a42);font-size:13px;cursor:pointer;transition:.18s;white-space:nowrap} .mb-tab:hover{border-color:var(--theme,#006AF3);color:var(--theme,#006AF3)} .mb-tab.on{background:var(--theme,#006AF3);border-color:var(--theme,#006AF3);color:#fff;font-weight:600} .mb-tab.on .ico{color:#fff} .mb-tab.t-icp.on{background:#0284C7;border-color:#0284C7} .mb-tab.t-noicp.on{background:#64748B;border-color:#64748B} .mb-logo-txt{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px; background:rgba(0,106,243,.12);color:var(--theme,#006AF3);font-size:11px;font-weight:700} .mb-tab.on .mb-logo-txt{background:rgba(255,255,255,.22);color:#fff} .mb-sum{margin-top:8px;font-size:12.5px;color:var(--sub,#6b7a90)} .mall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px} .mcard{position:relative;background:var(--card,#fff);border:1px solid var(--line,#e6ebf2);border-radius:14px; overflow:hidden;transition:.2s;display:flex;flex-direction:column} .mcard:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(16,42,80,.10);border-color:var(--theme,#006AF3)} .mcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px} .mcard.is-icp::before{background:linear-gradient(180deg,#38BDF8,#0284C7)} .mcard.no-icp::before{background:linear-gradient(180deg,#CBD5E1,#94A3B8)} .mc-head{display:flex;align-items:center;gap:11px;padding:14px 16px 10px 18px} .mc-mark{flex:0 0 40px;border-radius:50%;overflow:hidden;box-shadow:0 2px 6px rgba(16,42,80,.12)} .mc-title{flex:1;min-width:0} .mc-title b{display:block;font-size:16px;letter-spacing:.2px;word-break:break-all} .mc-vendor{font-size:12px;color:var(--sub,#6b7a90)} .mc-icp{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:12px;font-size:11.5px;font-weight:600;white-space:nowrap} .mc-icp.ok{background:#E0F2FE;color:#075985} .mc-icp.gray{background:#F1F5F9;color:#64748B} .mc-icp .ico{width:13px;height:13px} .mc-body{padding:0 16px 12px 18px;flex:1} .mc-price{display:flex;align-items:baseline;gap:3px;flex-wrap:wrap} .mc-price .cur{font-size:14px;color:#D92D20;font-weight:600} .mc-price b{font-size:26px;color:#D92D20;font-weight:800;line-height:1.1} .mc-price .per{font-size:12.5px;color:var(--sub,#6b7a90);margin-left:2px} .mc-off{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:9px;background:#FEF3C7;color:#92400E;font-size:11px;font-weight:700} .mc-meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--sub,#6b7a90)} .mc-foot{padding:10px 16px 14px 18px;border-top:1px dashed var(--line,#e6ebf2);display:flex;gap:8px} .mc-foot .btn{flex:1;justify-content:center} .mc-brand{flex:0 0 34px;border-radius:10px;overflow:hidden;box-shadow:0 2px 7px rgba(16,42,80,.14)} .mb-ico{display:inline-flex;width:16px;height:16px;margin-right:5px;vertical-align:-3px;border-radius:4px;overflow:hidden} .mb-tab.on .mb-ico{box-shadow:0 0 0 1.5px rgba(255,255,255,.55)} .mc-remark{margin:0 16px 10px 18px;display:flex;align-items:flex-start;gap:6px; padding:7px 10px;border-radius:8px;background:var(--bg,#f7f9fc);border-left:3px solid var(--theme,#006AF3); font-size:12.5px;color:var(--sub,#5a6b85);line-height:1.5;word-break:break-word} .mc-remark .ico{width:14px;height:14px;flex:0 0 14px;margin-top:2px;opacity:.75} .buy-remark{margin-top:8px;display:flex;align-items:flex-start;gap:6px;padding:8px 11px;border-radius:9px; background:#FFFBEB;border-left:3px solid #F59E0B;font-size:12.5px;color:#92400E;line-height:1.5} .buy-remark .ico{width:14px;height:14px;flex:0 0 14px;margin-top:2px} .mall-pager{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .mp-info{font-size:12.5px;color:var(--sub,#6b7a90)} .mp-btns{display:flex;align-items:center;gap:5px;flex-wrap:wrap} .mp-btn{min-width:32px;height:32px;padding:0 9px;border-radius:8px;border:1px solid var(--line,#e6ebf2); background:var(--card,#fff);color:var(--ink,#1f2d3d);font-size:12.5px;cursor:pointer;transition:.15s} .mp-btn:hover:not(:disabled){border-color:var(--theme,#006AF3);color:var(--theme,#006AF3)} .mp-btn.on{background:var(--theme,#006AF3);border-color:var(--theme,#006AF3);color:#fff;font-weight:700} .mp-btn:disabled{opacity:.45;cursor:not-allowed} .buy-modal{max-width:520px} .buy-top{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--bg,#f7f9fc);border:1px solid var(--line,#e6ebf2)} .bt-mark{flex:0 0 46px;border-radius:50%;overflow:hidden;box-shadow:0 2px 6px rgba(16,42,80,.12)} .bt-mid{flex:1;min-width:0} .bt-name{font-size:18px;word-break:break-all} .bt-badge{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:13px;font-size:12px;font-weight:600} .bt-badge.ok{background:#E0F2FE;color:#075985} .bt-badge.gray{background:#F1F5F9;color:#64748B} .buy-info{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px} .bi{background:var(--bg,#f7f9fc);border:1px solid var(--line,#e6ebf2);border-radius:10px;padding:9px 10px;text-align:center} .bi span{display:block;font-size:11.5px;color:var(--sub,#6b7a90);margin-bottom:3px} .bi b{font-size:14px} .buy-qty{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap} .bq-label{font-size:13px;font-weight:600} .stepper{display:inline-flex;align-items:center;border:1px solid var(--line,#e6ebf2);border-radius:9px;overflow:hidden;background:var(--card,#fff)} .stepper button{width:34px;height:32px;border:0;background:transparent;font-size:17px;cursor:pointer;color:var(--ink,#1b2a42)} .stepper button:hover{background:var(--bg,#f7f9fc);color:var(--theme,#006AF3)} .stepper b{min-width:42px;text-align:center;font-size:15px} .bq-hint{font-size:12.5px;color:var(--sub,#6b7a90)} .buy-note{display:flex;gap:7px;align-items:flex-start;margin-top:14px;padding:10px 12px;border-radius:10px; background:#FFFBEB;border:1px solid #FDE68A;color:#92400E;font-size:12.5px;line-height:1.7} .buy-note .ico{flex:0 0 15px;margin-top:2px} .buy-amount{margin-right:auto;font-size:13px} .buy-amount b{font-size:19px;color:#D92D20;font-weight:800} .buy-rent{margin-top:14px;border:1px solid var(--line,#e6ebf2);border-radius:12px;padding:12px 14px;background:var(--card,#fff)} .br-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap} .br-label{font-size:13px;font-weight:600} .br-tabs{display:inline-flex;border:1px solid var(--line,#e6ebf2);border-radius:9px;overflow:hidden} .br-tabs button{border:0;background:transparent;padding:6px 14px;font-size:12.5px;cursor:pointer;color:var(--sub,#6b7a90)} .br-tabs button.on{background:var(--theme,#006AF3);color:#fff;font-weight:600} .br-body{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap} .br-unit{font-size:13px} .br-eq{font-size:12.5px;color:var(--sub,#6b7a90)} .br-exp{margin-left:auto;font-size:12.5px;color:var(--sub,#6b7a90)} .br-quick{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap} .br-quick button{border:1px solid var(--line,#e6ebf2);background:var(--card,#fff);border-radius:8px; padding:5px 12px;font-size:12.5px;cursor:pointer;color:var(--ink,#1b2a42)} .br-quick button.on{border-color:var(--theme,#006AF3);color:var(--theme,#006AF3);font-weight:600} @media (max-width:520px){.br-exp{margin-left:0;width:100%}} .rec-panel{background:var(--card,#fff);border:1px solid var(--line,#e6ebf2);border-radius:14px;overflow:hidden} .rp-head{display:flex;align-items:center;gap:12px;padding:14px 16px; background:linear-gradient(120deg,rgba(0,106,243,.07),rgba(0,106,243,.01));border-bottom:1px solid var(--line,#e6ebf2)} .rp-mark{flex:0 0 44px;border-radius:50%;overflow:hidden;box-shadow:0 2px 6px rgba(16,42,80,.12)} .rp-mid{flex:1;min-width:0} .rp-name{display:block;font-size:18px;word-break:break-all} .rp-sub{font-size:12.5px;color:var(--sub,#6b7a90);margin-top:3px} .rp-badge{height:26px;padding:0 11px;border-radius:13px;font-size:12px;font-weight:600;display:inline-flex;align-items:center} .rp-badge.ok{background:#DCFCE7;color:#15803D} .rp-badge.gray{background:#F1F5F9;color:#64748B} .rp-body{display:flex;gap:22px;padding:14px 16px;flex-wrap:wrap;align-items:flex-start} .rp-quota{flex:0 0 230px;min-width:200px} .rq-top{display:flex;justify-content:space-between;font-size:12.5px;color:var(--sub,#6b7a90);margin-bottom:6px} .rq-top b{color:var(--ink,#1b2a42);font-size:13.5px} .rq-bar{height:8px;border-radius:4px;background:#EEF2F7;overflow:hidden} .rq-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#38BDF8,#006AF3);transition:width .3s} .rp-types{flex:1;min-width:220px} .rp-label{font-size:12.5px;color:var(--sub,#6b7a90);margin-bottom:7px} .rtype{display:inline-block;margin:0 6px 6px 0;padding:3px 10px;border-radius:8px;font-size:12px;font-weight:700; background:#F1F5F9;color:#475569;border:1px solid #E2E8F0} .rtype.sm{font-size:11.5px;padding:2px 8px;margin:0} .rtype.t-a{background:#E0F2FE;color:#075985;border-color:#BAE6FD} .rtype.t-cname{background:#CCFBF1;color:#115E59;border-color:#99F6E4} .rtype.t-mx{background:#EDE9FE;color:#5B21B6;border-color:#DDD6FE} .rtype.t-txt{background:#FEF3C7;color:#92400E;border-color:#FDE68A} .rtype.t-aaaa{background:#DCFCE7;color:#15803D;border-color:#BBF7D0} .rp-tip{display:flex;gap:7px;align-items:flex-start;padding:10px 16px;border-top:1px dashed var(--line,#e6ebf2); font-size:12px;color:var(--sub,#6b7a90);line-height:1.7} .rp-tip .ico{flex:0 0 15px;margin-top:2px} .rec-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .rf-count{font-size:12.5px;color:var(--sub,#6b7a90)} .rv{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px; background:var(--bg,#f7f9fc);padding:2px 6px;border-radius:5px;word-break:break-all} .rec-modal{max-width:460px} .rm-domain{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px; background:var(--bg,#f7f9fc);border:1px solid var(--line,#e6ebf2);margin-bottom:14px} .rm-mark{flex:0 0 34px;border-radius:50%;overflow:hidden} .rm-domain b{font-size:15px;word-break:break-all} .rm-preview{margin-top:6px;font-size:12px;color:var(--sub,#6b7a90)} .rm-preview b{color:var(--theme,#006AF3);font-family:ui-monospace,Menlo,Consolas,monospace} .rm-resv{display:flex;gap:6px;align-items:center;margin-top:6px;font-size:12px;color:var(--sub,#6b7a90)} .rm-resv .ico{flex:0 0 14px;opacity:.85} .rm-tip{display:flex;gap:7px;align-items:flex-start;margin-top:14px;padding:10px 12px;border-radius:10px; background:#FFFBEB;border:1px solid #FDE68A;color:#92400E;font-size:12.5px;line-height:1.7} .rm-tip .ico{flex:0 0 15px;margin-top:2px} .rm-warn{display:flex;gap:6px;align-items:flex-start;margin-top:8px;padding:7px 10px;border-radius:8px; background:#FEF2F2;border:1px solid #FECACA;color:#B42318;font-size:12px;line-height:1.6} .rm-warn .ico{flex:0 0 14px;margin-top:1px} .rm-soon{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px} .soon-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px; background:var(--bg,#f7f9fc);border:1px solid var(--line,#e6ebf2);color:var(--sub,#6b7a90);font-size:11.5px;line-height:1.5} .soon-chip .ico{flex:0 0 12px;opacity:.85} .soon-chip.gray{background:#F1F5F9} .rp-guard{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 14px} .guard-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px; background:#ECFDF3;border:1px solid #ABEFC6;color:#0B7A46;font-size:12px;font-weight:600;line-height:1.5} .guard-chip .ico{flex:0 0 13px} [data-eye-site] .rm-warn,[data-eye-site] .rm-tip{color:#3B2F14} [data-eye-site] .guard-chip{background:#123018;color:#7FD9A0;border-color:#2A5C3A} @media (max-width:640px){ .mall-grid{grid-template-columns:1fr} .buy-info{grid-template-columns:repeat(2,1fr)} .mb-label{flex:0 0 44px} .rp-quota{flex:1 1 100%} } .icp-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px;font-size:11.5px;font-weight:600;white-space:nowrap} .icp-tag.ok{background:#E0F2FE;color:#075985} .icp-tag.gray{background:#F1F5F9;color:#64748B} .buy-tipbox{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--soft,#f7f9fc);margin-top:12px} .btp-row{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.65;color:var(--ink)} .btp-row .ico{width:16px;height:16px;flex:0 0 16px;margin-top:1px;color:var(--brand,#006af3)} .btp-sub{color:var(--muted,#8a94a6);font-size:12.5px} .buy-calc{margin-top:12px;border:1px dashed var(--brand,#006af3);border-radius:10px;padding:12px 14px; background:var(--brand-soft,#eaf3ff)} .bc-line{display:flex;align-items:flex-start;gap:8px;font-size:12.8px;line-height:1.75;color:var(--ink)} .bc-line .ico{width:15px;height:15px;flex:0 0 15px;margin-top:3px;color:var(--brand,#006af3)} .bc-hd{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--brand,#006af3);margin-bottom:8px} .bc-hd .ico{width:15px;height:15px;flex:0 0 15px} .bc-row{display:flex;align-items:baseline;gap:10px;font-size:12.8px;line-height:1.7;padding:3px 0} .bc-row .bc-k{flex:0 0 68px;color:var(--muted,#8a94a6);font-size:12.3px} .bc-row .bc-v{flex:1;color:var(--ink);word-break:break-all} .bc-row .bc-v b{color:var(--brand,#006af3);font-size:14px} .bc-sum{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(0,106,243,.28); font-size:13px;font-weight:700;color:var(--brand,#006af3);letter-spacing:.2px} .rm-quota{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600; color:var(--brand,#006af3);background:var(--brand-soft,#eaf3ff);border-radius:999px;padding:4px 10px;white-space:nowrap} .rm-quota .ico{width:14px;height:14px;flex:0 0 14px} .rq-left{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--ok,#15803d)} .vd-list{max-height:320px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;padding:6px} .vd-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13.5px; transition:background .15s} .vd-item:hover{background:var(--soft,#f7f9fc)} .vd-item.is-exists{opacity:.55;cursor:not-allowed} .vd-item input[type=checkbox]{width:15px;height:15px;flex:0 0 15px;cursor:inherit} .vd-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace} .vd-tag{flex:0 0 auto;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px; background:#F1F5F9;color:#64748B} .mc-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;padding:9px 14px 0 18px} .mtag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;border-radius:11px; font-size:11px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 2px 6px rgba(16,42,80,.12)} .mtag .ico{width:11px;height:11px;flex:0 0 11px} .mtag.hot{background:linear-gradient(135deg,#FF7A45,#E02D1B);color:#fff} .mtag.sell{background:#FFF1E6;color:#C2410C;border:1px solid #FED7AA} .mtag.new{background:linear-gradient(135deg,#4ADE80,#16A34A);color:#fff} .mtag.limit{background:#FEF3C7;color:#92400E;border:1px solid #FDE68A} .mtag.own{background:#E0F2FE;color:#075985;border:1px solid #BAE6FD} .mall-grid{padding-top:10px} .mc-sold{margin-top:9px;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sub,#6b7a90)} .mc-sold .ico{width:13px;height:13px;flex:0 0 13px;color:#F97316} .mc-sold .dot{opacity:.5} .buy-hero{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:13px;color:#fff; background:linear-gradient(120deg,#0284C7,#0EA5E9)} .buy-hero.no-icp{background:linear-gradient(120deg,#475569,#94A3B8)} .bh-mark{flex:0 0 44px;border-radius:11px;overflow:hidden;background:rgba(255,255,255,.22)} .bh-mid{flex:1;min-width:0} .bh-name{display:block;font-size:19px;font-weight:800;letter-spacing:.2px;word-break:break-all} .bh-sub{font-size:12.5px;opacity:.9;margin-top:2px} .bh-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px} .bh-icp{display:inline-flex;align-items:center;gap:4px;height:23px;padding:0 9px;border-radius:12px; font-size:11.5px;font-weight:700;background:rgba(255,255,255,.92)} .bh-icp.ok{color:#075985} .bh-icp.gray{color:#475569} .bh-tag{display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 8px;border-radius:11px; font-size:11px;font-weight:700;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.45)} .bh-tag .ico{width:11px;height:11px} .buy-qty{display:block;margin-top:14px;padding:12px 14px;border:1px solid var(--line,#e6ebf2);border-radius:12px;background:var(--card,#fff)} .bq-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px} .bq-label{font-size:13px;font-weight:700} .bq-body{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .bq-quick{display:flex;gap:7px;flex-wrap:wrap} .bq-quick button{border:1px solid var(--line,#e6ebf2);background:var(--card,#fff);border-radius:8px; padding:5px 12px;font-size:12.5px;cursor:pointer;color:var(--ink,#1b2a42)} .bq-quick button.on{border-color:var(--theme,#006AF3);color:var(--theme,#006AF3);font-weight:700} .bq-quick button:disabled{opacity:.4;cursor:not-allowed} .bq-eq{margin-left:auto;font-size:12.5px;color:var(--sub,#6b7a90)} @media (max-width:520px){.bq-eq{margin-left:0;width:100%}} .mini-bar{margin-top:4px;width:72px;height:5px;border-radius:3px;background:#EEF2F7;overflow:hidden} .mini-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#38BDF8,#006AF3)} .rm-hero{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:12px;margin-bottom:14px; background:linear-gradient(120deg,rgba(0,106,243,.09),rgba(0,106,243,.02));border:1px solid rgba(0,106,243,.18)} .rm-mark{flex:0 0 38px;border-radius:50%;overflow:hidden;box-shadow:0 2px 6px rgba(16,42,80,.12)} .rm-hmid{flex:1;min-width:0} .rm-hname{display:block;font-size:17px;font-weight:800;word-break:break-all} .rm-hsub{font-size:12px;color:var(--sub,#6b7a90);margin-top:2px} .host-wrap{display:flex;align-items:stretch;border:1px solid var(--line,#e6ebf2);border-radius:9px;overflow:hidden;background:var(--card,#fff)} .host-wrap .hw-in{flex:1;min-width:0;border:0;border-radius:0;background:transparent} .hw-sfx{display:flex;align-items:center;padding:0 12px;font-size:13px;font-weight:700;color:var(--sub,#6b7a90); background:var(--bg,#f7f9fc);border-left:1px solid var(--line,#e6ebf2);white-space:nowrap;max-width:46%;overflow:hidden;text-overflow:ellipsis} .type-chips{display:flex;gap:7px;flex-wrap:wrap} .tchip{border:1px solid var(--line,#e6ebf2);background:var(--card,#fff);border-radius:9px; padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink,#1b2a42)} .tchip:hover{border-color:var(--theme,#006AF3);color:var(--theme,#006AF3)} .tchip.on{background:var(--theme,#006AF3);border-color:var(--theme,#006AF3);color:#fff} .rm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px} @media (max-width:460px){.rm-grid{grid-template-columns:1fr}} .rp-tip.ok{color:#15803D} [data-eye-site] .rp-tip.ok{color:#86EFAC} .dm-tabs{display:flex;gap:8px;flex-wrap:wrap} .dm-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px; border:1px solid var(--line,#E6EDF7);background:#fff;color:var(--sub,#6B7A90);font-size:13.5px;font-weight:700;cursor:pointer;transition:.16s} .dm-tab .ico{width:15px;height:15px;display:inline-flex} .dm-tab:hover{border-color:var(--bxz-1,#006AF3);color:var(--bxz-1,#006AF3)} .dm-tab.on{background:linear-gradient(135deg,var(--bxz-1,#006AF3),var(--bxz-2,#00A3FF));color:#fff;border-color:transparent; box-shadow:0 4px 12px rgba(0,106,243,.22)} .dm-tab.on .ico{color:#fff} .dt-n{margin-left:2px;padding:1px 7px;border-radius:9px;background:rgba(0,0,0,.07);font-size:11.5px;font-weight:800} .dm-tab.on .dt-n{background:rgba(255,255,255,.28);color:#fff} .dm-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;cursor:pointer; background:var(--bxz-soft,#EAF3FF);color:var(--bxz-1,#006AF3);font-size:12.5px;font-weight:700} .pkg-card{position:relative;background:#fff;border:1px solid var(--line,#E6EDF7);border-radius:14px;padding:16px; display:flex;flex-direction:column;transition:.18s;overflow:hidden} .pkg-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,42,74,.10)} .pkg-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#F59E0B} .pkg-card.pc-month::before{background:linear-gradient(180deg,#D97706,#F59E0B)} .pkg-card.pc-year::before{background:linear-gradient(180deg,#A16207,#FACC15)} .pkg-card.pc-custom::before{background:linear-gradient(180deg,#9D174D,#EC4899)} .pkg-card.pc-rec{border-color:#F59E0B} .pc-top{display:flex;align-items:center;gap:8px} .pc-ico{width:34px;height:34px;display:inline-flex;flex:0 0 34px} .pc-name{font-size:15.5px;font-weight:800;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pc-tag{padding:2px 8px;border-radius:8px;font-size:11px;font-weight:800;background:#FFF3D6;color:#B45309} .pc-disc{display:flex;align-items:baseline;gap:5px;margin:10px 0 2px} .pc-disc b{font-size:34px;font-weight:900;line-height:1;color:#D97706} .pc-disc b:first-child{color:#D97706} .pc-unit{font-size:14px;font-weight:800;color:#D97706} .pc-off.none{background:#EEF2F7;color:#6B7A90} .pc-dis{opacity:.62;filter:grayscale(.55)} .pc-tag.gray{background:#EEF2F7;color:#6B7A90} .pc-meta .pc-mk{color:var(--sub,#6B7A90);margin-right:4px} .pc-off{margin-left:6px;padding:2px 8px;border-radius:8px;background:#FEF3C7;color:#B45309;font-size:11.5px;font-weight:800} .pc-none{margin-left:6px;font-size:12px;color:var(--sub,#6B7A90)} .pc-price{font-size:13px;color:var(--sub,#6B7A90)} .pc-price b{font-size:19px;font-weight:800;color:var(--ink,#0F2B4C)} .pc-period{font-size:12px;margin-left:3px} .pc-desc{margin-top:6px;font-size:12.5px;color:var(--sub,#6B7A90);line-height:1.6;min-height:34px} .pc-meta{margin-top:8px;font-size:12px;color:var(--sub,#6B7A90);display:flex;flex-wrap:wrap;gap:4px;align-items:center} .pc-foot{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:8px} .cur-plan{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px; background:linear-gradient(135deg,#EAF3FF,#F5FAFF);border:1px solid #D6E8FF} .cp-ico{width:26px;height:26px;display:inline-flex;color:var(--bxz-1,#006AF3);flex:0 0 26px} .cp-mid{flex:1;min-width:0} .cp-mid b{font-size:15.5px;font-weight:800;display:block} .cp-sub{font-size:12.5px;color:var(--sub,#6B7A90);margin-top:3px} .cp-d{color:#D97706;font-weight:800} .plan-v2{position:relative;padding-top:20px} .plan-v2.cur{border-color:#F59E0B;box-shadow:0 0 0 2px rgba(245,158,11,.18)} .cur-flag{right:auto;left:12px;background:#F59E0B;color:#fff} .pv-disc{display:flex;align-items:baseline;gap:5px;margin:8px 0 4px} .pv-disc b{font-size:32px;font-weight:900;line-height:1;color:#D97706} .pv-u{font-size:13.5px;font-weight:800;color:#D97706} .pv-off{margin-left:6px;padding:2px 8px;border-radius:8px;background:#FEF3C7;color:#B45309;font-size:11.5px;font-weight:800} .pv-none{margin-left:6px;font-size:12px;color:var(--sub,#6B7A90)} .pv-save{display:flex;align-items:flex-start;gap:6px;margin:8px 0 2px;padding:7px 9px; border-radius:8px;background:#FFF7ED;color:#B45309;font-size:12.3px;line-height:1.55} .pv-save .ico{width:14px;height:14px;flex:0 0 14px;margin-top:2px} .pv-poor{margin:8px 0;padding:7px 10px;border-radius:9px;background:#FFF4E5;color:#B45309;font-size:12.5px; display:flex;align-items:center;gap:6px;flex-wrap:wrap} .pv-poor .ico{width:14px;height:14px;display:inline-flex} .dm-row{cursor:pointer} .dm-row:hover{background:var(--bxz-soft,#F5F9FF)} .dm-row.on{background:var(--bxz-soft,#EAF3FF);box-shadow:inset 3px 0 0 var(--bxz-1,#006AF3)} .dm-recs{border:1px solid var(--line,#E6EDF7);border-radius:14px;background:#fff;overflow:hidden} .dmr-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px; border-bottom:1px solid var(--line,#E6EDF7);background:linear-gradient(180deg,#FBFCFF,#F4F8FF)} .dmr-head h3{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800;margin:0} .dmr-head .ico{width:16px;height:16px;display:inline-flex;color:var(--bxz-1,#006AF3)} .dmr-head .right{display:flex;align-items:center;gap:8px} @media (max-width:640px){ .dmr-head{flex-direction:column;align-items:flex-start} .pc-disc b{font-size:28px} .pv-disc b{font-size:26px} } .dm-row{cursor:pointer;transition:.14s} .dm-row:hover{background:var(--bxz-5,#F4F9FF)} .dm-row.dm-open{background:var(--bxz-soft,#EAF3FF)} .dm-caret{display:inline-block;width:14px;color:var(--sub,#6B7A90);font-size:11px} .dm-row.dm-open .dm-caret{color:var(--bxz-1,#006AF3)} .dm-sub>td{padding:0 !important;background:#fff} .dm-subbox{padding:12px 16px;border-top:1px solid var(--line,#E6EDF7); border-bottom:2px solid var(--bxz-soft,#EAF3FF);background:var(--bxz-5,#F4F9FF)} .dm-subhd{font-size:13px;color:var(--txt,#1B2A42);margin-bottom:10px; display:flex;align-items:center;gap:4px;flex-wrap:wrap} .dm-subhd b{font-size:13.5px} .table.sm th,.table.sm td{padding:7px 10px;font-size:12.5px} [data-eye-site] .dm-subbox,[data-eye-admin] .dm-subbox{background:#12203A} [data-eye-site] .dm-row.dm-open,[data-eye-admin] .dm-row.dm-open{background:#1B2F52} .ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;vertical-align:middle;line-height:0} .ico>svg,.ico svg{display:block;max-width:100%;max-height:100%} .mc-brand,.bt-mark,.mc-mark{display:block;flex:0 0 auto} .mc-brand>svg,.bt-mark>svg,.mc-mark>svg{display:block;width:100%;height:auto} .mtag .ico,.bh-tag .ico{display:inline-flex} .stat4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .stat4 .s4{background:var(--card,#fff);border:1px solid var(--line,#E6EDF7);border-radius:12px; padding:11px 14px;display:flex;flex-direction:column;gap:3px;min-width:0} .stat4 .s4 span{font-size:12px;color:var(--sub,#7A8AA3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .stat4 .s4 b{font-size:20px;font-weight:800;line-height:1.15;color:var(--txt,#1B2A42);font-variant-numeric:tabular-nums} .stat4 .s4 b.ok{color:#15803D} .stat4 .s4 b.warn{color:#B45309} .stat4 .s4 b.danger{color:#DC2626} .stat4 .s4 b.c1{color:var(--bxz-1,#006AF3)} .stat4 .s4 b.gray{color:#64748B} .stat4 .s4-risk{border-color:#FCA5A5;background:#FEF2F2} @media(max-width:820px){.stat4{grid-template-columns:repeat(2,minmax(0,1fr))}} .qt{min-width:96px} .qt-t{display:flex;align-items:baseline;gap:2px;font-size:13px} .qt-t b{font-size:14px;font-weight:800;color:var(--txt,#1B2A42)} .qt-t .qs{font-size:12px;color:var(--sub,#7A8AA3)} .qt .mini-bar{width:100%;max-width:110px;margin-top:5px} .ar-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap; background:var(--card,#fff);border:1px solid var(--line,#E6EDF7);border-radius:12px;padding:9px 14px} .ar-bar-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .ar-bar .ar-sel{font-size:12.5px;color:var(--sub,#7A8AA3)} .ar-bar .ar-sel b{color:var(--bxz-1,#006AF3);font-size:14px} .ar-bar .btn:disabled{opacity:.45;cursor:not-allowed} .ar-bar-r{font-size:12.5px;color:var(--sub,#7A8AA3);display:flex;align-items:center;gap:6px} .ar-bar-r b{color:var(--txt,#1B2A42)} .ar-dom{color:var(--bxz-1,#006AF3);cursor:pointer;font-weight:600} .ar-dom:hover{text-decoration:underline} @media(max-width:640px){.ar-bar{flex-direction:column;align-items:flex-start}} transition:transform .18s ease,color .18s ease} color:var(--txt,#1B2A42);margin-bottom:10px} .dmp-hd .ico{display:inline-flex;color:var(--bxz-1,#006AF3)} .dmp-hd .ico svg{width:15px;height:15px} .dmp-hd b{font-weight:800} .dmp-hd .right{margin-left:auto} .dmp .table-wrap{border:1px solid var(--line,#E6EDF7);border-radius:10px;overflow:hidden;background:var(--card,#fff)} .dmp .table{margin:0} .dmp .table th{background:#EEF4FD;font-size:12px} @media(max-width:640px){.dmp{padding:10px!important}.dmp-hd{font-size:12.5px}} .kpi.k2{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:12px; align-items:center;padding:15px 16px;cursor:pointer; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .kpi.k2:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,42,90,.10);border-color:transparent} .kpi.k2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px} .k-c-blue:before{background:#006AF3} .k-c-cyan:before{background:#0E9AA7} .k-c-amber:before{background:#F97316} .k-c-green:before{background:#16A34A} .kpi.k2 .k2-bd{min-width:0} .kpi.k2 .k2-ico{width:42px;height:42px;border-radius:13px;flex:0 0 auto; display:flex;align-items:center;justify-content:center;color:#fff} .kpi.k2 .k2-ico svg{display:block} .k-c-blue .k2-ico{background:linear-gradient(135deg,#5AA9FF,#006AF3);box-shadow:0 4px 10px rgba(0,106,243,.25)} .k-c-cyan .k2-ico{background:linear-gradient(135deg,#38D6C8,#0E9AA7);box-shadow:0 4px 10px rgba(14,154,167,.25)} .k-c-amber .k2-ico{background:linear-gradient(135deg,#FFB01F,#F97316);box-shadow:0 4px 10px rgba(249,115,22,.25)} .k-c-green .k2-ico{background:linear-gradient(135deg,#4ADE80,#16A34A);box-shadow:0 4px 10px rgba(22,163,74,.25)} .kpi.k2 .qbar{grid-column:1 / -1;margin-top:2px} @media(max-width:640px){.kpi.k2 .k2-ico{width:36px;height:36px;border-radius:11px}} .vip-badge svg{display:block} .pv-exp{display:flex;align-items:flex-start;gap:6px;margin-top:10px;padding:7px 10px; border-radius:9px;background:var(--bxz-5,#F5F8FD);border:1px dashed var(--line,#E6EDF7); font-size:12.5px;color:var(--sub,#6B7C99);line-height:1.5} .pv-exp .ico{flex:0 0 14px;color:var(--bxz-1,#006AF3);margin-top:1px} .pv-exp .ico svg{width:14px;height:14px} .bal-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:12px 16px 0} .bal-tabs .bt{height:28px;padding:0 11px;border-radius:var(--r-pill,99px);border:1px solid var(--line,#E6EDF7); background:#fff;color:var(--sub,#6B7C99);font-size:12.5px;font-weight:600;cursor:pointer; display:inline-flex;align-items:center;gap:5px;transition:all .16s ease} .bal-tabs .bt:hover{border-color:var(--bxz-3,#5AA9FF);color:var(--bxz-1,#006AF3)} .bal-tabs .bt.on{background:var(--bxz-1,#006AF3);border-color:var(--bxz-1,#006AF3);color:#fff} .bal-tabs .bt .bt-n{font-size:11px;opacity:.7} .btag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-pill,99px); font-size:12px;font-weight:600;background:#F1F4FA;color:var(--sub,#6B7C99);white-space:nowrap} .btag.bt-in{background:#E6F8F0;color:#0B7A46} .btag.bt-out{background:#FDECEA;color:#C0392B} .btag.bt-mall{background:#E7F1FF;color:#006AF3} .btag.bt-plan{background:#F1E9FF;color:#7C3AED} .btag.bt-renew{background:#E0F7F6;color:#0E7C88} .btag.bt-admin{background:#F1F4FA;color:var(--sub,#6B7C99)} .btag.bt-other{background:#F1F4FA;color:var(--muted,#94A3B8)} html[data-eye-site="1"] .btag.bt-in,html[data-eye-admin="1"] .btag.bt-in{background:#16351F;color:#7FD9A0} html[data-eye-site="1"] .btag.bt-out,html[data-eye-admin="1"] .btag.bt-out{background:#3A1A16;color:#F5A99F} .btn, .tag, .status, .badge, .card, .mcard, .panel, input, select, textarea, .op, .mb-tab, .br-tabs button { transition: background-color .22s cubic-bezier(.4,0,.2,1), border-color .22s cubic-bezier(.4,0,.2,1), color .22s cubic-bezier(.4,0,.2,1), box-shadow .22s cubic-bezier(.4,0,.2,1), transform .22s cubic-bezier(.4,0,.2,1); } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } } a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--bxz-1, #006AF3); outline-offset: 2px; border-radius: 6px; } .card, .panel, .mcard { border-radius: var(--r-card, 20px); box-shadow: var(--shadow-1, 0 2px 10px rgba(0,106,243,.07)); } .card:hover, .panel:hover { box-shadow: var(--shadow-2, 0 10px 30px rgba(0,106,243,.13)); } .sk, .skeleton { position: relative; overflow: hidden; background: linear-gradient(90deg,#EEF3FA 25%,#F7FAFD 37%,#EEF3FA 63%); background-size: 400% 100%; animation: sk-flow 1.4s ease-in-out infinite; border-radius: 6px; color: transparent !important; user-select: none; } @keyframes sk-flow { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } .sk-line { height: 12px; margin: 6px 0; } .sk-title { height: 18px; width: 40%; margin-bottom: 10px; } .sk-avatar, .sk-dot { width: 36px; height: 36px; border-radius: 50%; } .empty, .no-data { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 20px; text-align: center; color: var(--muted, #8AA6CE); } .empty .empty-ico, .no-data .empty-ico { width: 72px; height: 72px; margin-bottom: 14px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--bxz-4, #E6F1FF); color: var(--bxz-1, #006AF3); } .empty .empty-t, .no-data .empty-t { font-size: 15px; font-weight: 600; color: var(--sub, #4E6C9B); margin-bottom: 6px; } .empty .empty-d, .no-data .empty-d { font-size: 13px; line-height: 1.7; } table.list tbody tr:nth-child(even), .table tbody tr:nth-child(even) { background: rgba(0,106,243,.018); } table.list tbody tr:hover, .table tbody tr:hover { background: var(--bxz-4, #E6F1FF); } table.list td, table.list th, .table td, .table th { padding: 10px 12px; } .tag, .status, .badge { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; padding: 2px 10px; border-radius: var(--r-pill, 999px); font-size: 12px; line-height: 1.7; min-width: 48px; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: rgba(0,106,243,.22); border-radius: 999px; } ::-webkit-scrollbar-thumb:hover { background: rgba(0,106,243,.38); } table th.col-status, table td.col-status { min-width: 80px; } table th.col-dns, table td.col-dns { min-width: 90px; } table th.col-date, table td.col-date { min-width: 110px; } table th.col-op, table td.col-op { min-width: 190px; text-align: right; } table th.col-id, table td.col-id { width: 56px; color: var(--sub); font-size: 12.5px; } table th.col-ttl, table td.col-ttl { width: 62px; text-align: center; } table th.col-key, table td.col-key { min-width: 130px; } .pill, .icp-tag, .rtype, .tag, .badge { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; min-width: 48px; } table td.op, td.col-op { white-space: nowrap; line-height: 2.2; } .op + .op { margin-left: 10px; } @media (max-width: 860px) { table th.col-op, table td.col-op { min-width: 150px; } .op + .op { margin-left: 6px; } } .key-mask { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; color: var(--sub); } .dm-copy { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; } .dm-copy .ico { opacity: .45; transition: opacity .18s; } .dm-copy:hover .ico { opacity: 1; } .rsync { margin-top: 4px; font-size: 12px; color: var(--warn); cursor: pointer; text-decoration: underline; } .del-warn { padding: 10px 12px; border-radius: 8px; background: #fff2f0; border: 1px solid #ffccc7; color: #cf1322; font-size: 13px; line-height: 1.7; } .mall-card .mall-dn { font-weight: 600; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mall-card.is-off { opacity: .78; } .mall-card .mall-suffix { display: inline-block; padding: 1px 8px; border-radius: 6px; background: var(--brand-weak, #e6f0ff); color: var(--brand, #006AF3); font-size: 12px; font-weight: 600; } .mall-card .mall-price .cur { font-size: 12px; color: var(--sub); } .mall-card .mall-price b { font-size: 20px; color: #ff4d4f; margin: 0 2px; } .mall-card .mall-price .per { font-size: 12px; color: var(--sub); } .mc-origin { margin-right: 6px; font-size: 12.5px; color: var(--sub); text-decoration: line-through; } .mc-pkg { margin-top: 4px; font-size: 12px; color: #52c41a; } .mc-pkg.off { color: var(--sub); } .exp-banner { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 8px; margin-bottom: 12px; border: 1px solid transparent; font-size: 13px; } .exp-banner.warn { background: #fffbe6; border-color: #ffe58f; color: #ad6800; } .exp-banner.bad { background: #fff2f0; border-color: #ffccc7; color: #cf1322; } .exp-banner .eb-txt { display: flex; flex-direction: column; line-height: 1.5; } .exp-banner .eb-txt span { opacity: .8; font-size: 12px; } .exp-banner .btn { margin-left: auto; } @media (max-width: 860px) { .exp-banner { flex-wrap: wrap; } .exp-banner .btn { margin-left: 0; } } .bxz-confirm-mask{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.45);backdrop-filter:blur(2px); display:flex;align-items:center;justify-content:center;padding:20px;animation:bxzFadeIn .16s ease} .bxz-confirm{width:100%;max-width:380px;background:var(--card,#fff);border-radius:12px; box-shadow:0 12px 40px rgba(15,23,42,.22);overflow:hidden;animation:bxzPopIn .18s cubic-bezier(.4,0,.2,1)} .bxz-confirm-bd{padding:22px 20px;font-size:14px;line-height:1.7;color:var(--text,#1f1f1f);word-break:break-word} .bxz-confirm-hd{padding:18px 20px 0;font-size:15px;font-weight:600;color:var(--text,#1f1f1f)} .bxz-confirm-hd + .bxz-confirm-bd{padding-top:8px} .bxz-confirm-ft{display:flex;justify-content:flex-end;gap:10px;padding:0 20px 20px} .bxz-confirm-ft .btn{min-width:76px;justify-content:center} @keyframes bxzFadeIn{from{opacity:0}to{opacity:1}} @keyframes bxzPopIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){ .bxz-confirm-mask,.bxz-confirm{animation:none} } td.empty, td.no-data { display: table-cell; vertical-align: middle; padding: 0; } td.empty > .empty-in, td.no-data > .empty-in { padding: 40px 20px; } .empty-in { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: var(--muted, #8AA6CE); } .empty-in .empty-ico { width: 64px; height: 64px; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--bxz-4, #E6F1FF); color: var(--bxz-1, #006AF3); } .empty-in .empty-t { font-size: 14.5px; font-weight: 600; color: var(--sub, #4E6C9B); margin-bottom: 5px; } .empty-in .empty-d { font-size: 12.5px; line-height: 1.7; max-width: 420px; } .pg { max-width: 1440px; margin: 0 auto; } .pg-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; } .pg-hd-l { display: flex; align-items: center; gap: 12px; min-width: 0; } .pg-ico { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; background: var(--grad-main); color: #fff; box-shadow: var(--shadow-blue); } .pg-ico svg { width: 22px; height: 22px; display: block; } .pg-t { font-size: 19px; font-weight: 800; color: var(--ink); line-height: 1.3; letter-spacing: .2px; } .pg-d { font-size: 12.5px; color: var(--sub); margin-top: 2px; line-height: 1.6; } .pg-hd-r { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .statband { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; } .sb { position: relative; display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-1); overflow: hidden; } .sb::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--bxz-1); } .sb.g::before { background: var(--ok); } .sb.o::before { background: var(--warn); } .sb.r::before { background: var(--bad); } .sb.s::before { background: var(--muted); } .sb-ic { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; background: var(--bxz-4); color: var(--bxz-1); } .sb-ic svg { width: 20px; height: 20px; display: block; } .sb.g .sb-ic { background: #E6F8F0; color: #0B7A46; } .sb.o .sb-ic { background: #FEF3E4; color: #B45309; } .sb.r .sb-ic { background: #FDECEA; color: #C4271B; } .sb.s .sb-ic { background: #F1F4FA; color: #64748B; } .sb-b { min-width: 0; } .sb-v { font-size: 21px; font-weight: 800; line-height: 1.15; color: var(--ink); font-variant-numeric: tabular-nums; } .sb-l { font-size: 12.5px; color: var(--sub); margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fbar { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; padding: 12px 14px; } .fld { display: inline-flex; align-items: center; gap: 6px; } .fld > .fl { font-size: 12.5px; color: var(--sub); white-space: nowrap; } .fbar .input { height: 34px; } .fbar .btn { height: 34px; } .fbar-end { margin-left: auto; display: inline-flex; gap: 8px; } .table th { white-space: nowrap; } .table td { vertical-align: middle; } .table tbody tr { transition: background .16s ease; } .table tbody tr:hover { background: var(--bxz-5); } .msk { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 6px; background: var(--bxz-5); border: 1px solid var(--line); font-size: 12px; color: var(--sub); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mallgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .mcard { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-1); overflow: hidden; transition: box-shadow .18s ease, transform .18s ease; } .mcard:hover { box-shadow: var(--shadow-2); transform: translateY(-2px); } .mcard.off { opacity: .84; } .mc-top { display: flex; align-items: center; gap: 8px; padding: 14px 14px 10px; } .mc-name { flex: 1; min-width: 0; font-size: 16px; font-weight: 800; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mc-body { padding: 0 14px 12px; } .mc-price { display: flex; align-items: baseline; gap: 4px; margin-top: 10px; } .mc-price .cur { font-size: 13px; font-weight: 700; color: var(--bad); } .mc-price b { font-size: 22px; font-weight: 800; color: var(--bad); line-height: 1; font-variant-numeric: tabular-nums; } .mc-price .per { font-size: 12px; color: var(--sub); } .mc-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 10px; font-size: 12px; color: var(--sub); align-items: center; } .mc-ft { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 14px; border-top: 1px solid var(--line); background: var(--bxz-5); } .mc-ft-r { display: inline-flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; } .ptt-ic.sk { background: #F1F4FA; color: #64748B; } .ptt-step .ptt-dt { color: var(--sub); font-size: 12px; word-break: break-all; } @media (max-width: 1400px) { .mallgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 1000px) { .statband { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mallgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .pg-ico { width: 38px; height: 38px; flex-basis: 38px; border-radius: 11px; } .pg-t { font-size: 17px; } .statband { gap: 10px; } .mallgrid { grid-template-columns: 1fr; } .sb { padding: 12px 12px; gap: 10px; } .sb-v { font-size: 19px; } } @media (min-width: 1401px) { .table td.col-op, .table th.col-op { min-width: 148px; } .table th.col-status, .table td.col-status { min-width: 64px; } .table th.col-date, .table td.col-date { min-width: 92px; } .table th.col-key, .table td.col-key { min-width: 116px; } .table th, .table td { padding: 10px 9px; } .table td .rv { max-width: 190px; } } @media (max-width: 1400px) { .table-wrap { overflow-x: visible; overflow-y: visible; } .table { min-width: 0 !important; width: 100%; table-layout: auto; } .table thead { display: none; } .table > tr:first-child, .table > tbody > tr:first-child { display: none; } .table > tr, .table > tbody > tr { display: block; border: 1px solid var(--line); border-radius: 12px; background: #fff; padding: 10px 13px; margin: 0 0 10px; } .table > tr:last-child, .table > tbody > tr:last-child { margin-bottom: 0; } .table > tr > td, .table > tbody > tr > td { display: block; width: auto; border: 0; padding: 5px 0; text-align: left !important; white-space: normal; } .table > tr > td[data-lb], .table > tbody > tr > td[data-lb] { display: flex; gap: 10px; align-items: flex-start; } .table > tr > td[data-lb]::before, .table > tbody > tr > td[data-lb]::before { content: attr(data-lb); flex: 0 0 78px; color: var(--muted); font-size: 12.5px; line-height: 1.6; } .table td.col-op { min-width: 0; white-space: normal; line-height: 1.9; } .table td.col-op .op { margin-left: 0; margin-right: 14px; } .table td.col-op .op:last-child { margin-right: 0; } .table tr.empty-row { border: 0; background: none; padding: 0; margin: 0; } .table tr.empty-row > td { padding: 0; } .table td.empty { padding: 30px 12px !important; text-align: center; } .table th.col-id, .table td.col-id, .table th.col-ttl, .table td.col-ttl, .table th.col-key, .table td.col-key, .table th.col-status, .table td.col-status, .table th.col-date, .table td.col-date, .table th.col-dns, .table td.col-dns, .table th.col-op, .table td.col-op { width: auto; min-width: 0; text-align: left; } } .table-wrap.tbl-card { overflow-x: visible !important; overflow-y: visible; } .table-wrap.tbl-card > .table { min-width: 0 !important; width: 100%; table-layout: auto; } .table-wrap.tbl-card > .table > thead { display: none; } .table-wrap.tbl-card > .table > tr:first-child, .table-wrap.tbl-card > .table > tbody > tr:first-child { display: none; } .table-wrap.tbl-card > .table > tr, .table-wrap.tbl-card > .table > tbody > tr { display: block; border: 1px solid var(--line); border-radius: 12px; background: #fff; padding: 10px 13px; margin: 0 0 10px; } .table-wrap.tbl-card > .table > tr:last-child, .table-wrap.tbl-card > .table > tbody > tr:last-child { margin-bottom: 0; } .table-wrap.tbl-card > .table > tr > td, .table-wrap.tbl-card > .table > tbody > tr > td { display: block; width: auto; border: 0; padding: 5px 0; text-align: left !important; white-space: normal; } .table-wrap.tbl-card > .table > tr > td[data-lb], .table-wrap.tbl-card > .table > tbody > tr > td[data-lb] { display: flex; gap: 10px; align-items: flex-start; } .table-wrap.tbl-card > .table > tr > td[data-lb]::before, .table-wrap.tbl-card > .table > tbody > tr > td[data-lb]::before { content: attr(data-lb); flex: 0 0 78px; color: var(--muted); font-size: 12.5px; line-height: 1.6; } .table-wrap.tbl-card .table td.col-op { min-width: 0; white-space: normal; line-height: 1.9; } .table-wrap.tbl-card .table td.col-op .op { margin-left: 0; margin-right: 14px; } .table-wrap.tbl-card .table td.col-op .op:last-child { margin-right: 0; } .table-wrap.tbl-card .table td.col-op .btn { margin-left: 0; margin-right: 8px; } .table-wrap.tbl-card .table td.col-op .btn:last-child { margin-right: 0; } .table-wrap.tbl-card .table tr.empty-row { border: 0; background: none; padding: 0; margin: 0; } .table-wrap.tbl-card .table tr.empty-row > td { padding: 0; } .table-wrap.tbl-card .table td.empty { padding: 30px 12px !important; text-align: center; } .table-wrap.tbl-card .table th.col-id, .table-wrap.tbl-card .table td.col-id, .table-wrap.tbl-card .table th.col-ttl, .table-wrap.tbl-card .table td.col-ttl, .table-wrap.tbl-card .table th.col-key, .table-wrap.tbl-card .table td.col-key, .table-wrap.tbl-card .table th.col-status, .table-wrap.tbl-card .table td.col-status, .table-wrap.tbl-card .table th.col-date, .table-wrap.tbl-card .table td.col-date, .table-wrap.tbl-card .table th.col-dns, .table-wrap.tbl-card .table td.col-dns, .table-wrap.tbl-card .table th.col-op, .table-wrap.tbl-card .table td.col-op { width: auto; min-width: 0; text-align: left; } .rn-modal { border-radius: 16px; overflow: hidden; } .rn-hd { display: flex; align-items: center; gap: 10px; padding: 14px 16px; background: linear-gradient(135deg, #006AF3, #3B8BFF); color: #fff; } .rn-hd .rn-ico { display: inline-flex; width: 30px; height: 30px; border-radius: 9px; background: rgba(255,255,255,.22); align-items: center; justify-content: center; flex: 0 0 30px; } .rn-hd .rn-ico svg { width: 17px; height: 17px; } .rn-hd-t { display: flex; flex-direction: column; min-width: 0; flex: 1; } .rn-hd-t b { font-size: 15px; font-weight: 700; } .rn-hd-t span { font-size: 12.5px; opacity: .88; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rn-x { font-size: 22px; line-height: 1; cursor: pointer; opacity: .85; padding: 0 4px; } .rn-x:hover { opacity: 1; } .rn-row { display: flex; align-items: center; justify-content: space-between; font-size: 13.5px; padding: 9px 12px; border-radius: 10px; background: #F5F8FF; } .rn-row b { font-size: 14px; } .rn-lb { font-size: 13px; color: #6B7A90; font-weight: 600; } .rn-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; } .rn-chip { border: 1px solid #D9E4F5; background: #fff; color: #45566E; border-radius: 99px; padding: 7px 15px; font-size: 13px; cursor: pointer; transition: all .18s cubic-bezier(.4,0,.2,1); } .rn-chip:hover { border-color: #006AF3; color: #006AF3; } .rn-chip.on { background: linear-gradient(135deg, #006AF3, #3B8BFF); border-color: #006AF3; color: #fff; font-weight: 600; box-shadow: 0 4px 12px rgba(0,106,243,.25); } .rn-sum { padding: 12px; border-radius: 12px; background: #F5F8FF; border: 1px solid #E6EDF7; } .rn-line { display: flex; align-items: center; justify-content: space-between; font-size: 13.5px; color: #45566E; padding: 3px 0; } .rn-total { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; padding-top: 10px; border-top: 1px dashed #D9E4F5; font-size: 14px; font-weight: 700; } .rn-total b { font-size: 20px; color: #006AF3; } .rn-new { display: flex; align-items: center; gap: 6px; font-size: 12.8px; color: #006AF3; margin-top: 6px; } .rn-new .ico svg { width: 14px; height: 14px; } .rn-note { font-size: 12.2px; color: #8C9AB0; margin-top: 6px; line-height: 1.6; } .table-wrap:has(> table.keep-row), .table-wrap.keep-row { overflow-x: auto !important; overflow-y: visible !important; } table.table.keep-row { min-width: 1080px; } table.table.keep-row th, table.table.keep-row td { vertical-align: middle; } @media (max-width: 640px) { table.table.keep-row { min-width: 940px; } } .vipcard{position:relative;overflow:hidden;border-radius:16px;padding:18px 20px;color:#fff; background:linear-gradient(135deg,#006AF3 0%,#34ABFC 55%,#5AC8FA 100%); box-shadow:0 10px 26px rgba(0,106,243,.22);transition:transform .18s ease,box-shadow .18s ease} .vipcard:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,106,243,.28)} .vipcard::after{content:"";position:absolute;right:-40px;top:-60px;width:190px;height:190px;border-radius:50%; background:rgba(255,255,255,.13);pointer-events:none} .vipcard::before{content:"";position:absolute;right:40px;bottom:-70px;width:130px;height:130px;border-radius:50%; background:rgba(255,255,255,.08);pointer-events:none} .vipcard.off{background:linear-gradient(135deg,#8C8C8C 0%,#BFBFBF 100%);box-shadow:0 8px 20px rgba(0,0,0,.10)} .vipcard.none{background:#fff;border:1px dashed var(--bxz-4,#E5E7EB);color:var(--txt,#1F2937);box-shadow:none} .vipcard.none::after,.vipcard.none::before{display:none} .vc-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px} .vc-brand{display:flex;align-items:center;gap:8px;min-width:0} .vc-logo{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center; background:rgba(255,255,255,.22);color:#fff} .vipcard.none .vc-logo{background:linear-gradient(135deg,#34ABFC,#006AF3);color:#fff} .vc-sys{font-size:13px;font-weight:700;letter-spacing:.4px;opacity:.92} .vipcard.none .vc-sys{opacity:.6} .vc-state{font-size:12px;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.22);white-space:nowrap} .vc-state.ok{background:rgba(82,196,26,.92)} .vc-state.warn{background:rgba(255,77,79,.92)} .vipcard.none .vc-state{background:var(--bxz-4,#F1F3F5);color:#6B7280} .vc-mid{position:relative;z-index:1;margin-top:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap} .vc-name{font-size:19px;font-weight:800;letter-spacing:.3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .vipcard.none .vc-name{font-size:15px;font-weight:600;color:#6B7280} .vc-disc{display:flex;align-items:baseline;gap:6px} .vc-disc b{font-size:34px;font-weight:800;line-height:1} .vc-disc span{font-size:13px;opacity:.85} .vc-disc em{font-style:normal;font-size:12px;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.24)} .vipcard.none .vc-disc b{font-size:26px;color:#BFBFBF} .vc-foot{position:relative;z-index:1;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.22); display:flex;gap:10px;flex-wrap:wrap} .vipcard.none .vc-foot{border-top-color:var(--bxz-4,#E5E7EB)} .vc-cell{flex:1 1 120px;min-width:110px} .vc-cell i{display:block;font-style:normal;font-size:11.5px;opacity:.8;margin-bottom:3px} .vc-cell b{display:block;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .vc-cell b.mono{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.5px} @media (max-width:640px){ .vipcard{padding:14px 16px} .vc-disc b{font-size:28px} .vc-cell{flex:1 1 100%} } .op-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:99px; font-size:13px;line-height:1;cursor:pointer;user-select:none; border:1px solid var(--bxz-4,#E5E7EB);color:#4A5568;background:#fff; transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1), border-color .18s cubic-bezier(.4,0,.2,1)} .op-tab:hover{border-color:#BCD8FF;color:#006AF3;background:#F5F9FF} .op-tab.on{background:#006AF3;border-color:#006AF3;color:#fff;font-weight:600} .op-tab em{font-style:normal;font-size:11px;min-width:18px;height:18px;padding:0 5px;border-radius:99px; background:var(--bxz-4,#F1F3F5);color:#6B7280; display:inline-flex;align-items:center;justify-content:center} .op-tab.on em{background:rgba(255,255,255,.26);color:#fff} .vc-logo{width:36px;height:36px;flex:0 0 36px;border-radius:11px;position:relative; display:inline-flex;align-items:center;justify-content:center; background:linear-gradient(135deg,#34ABFC 0%,#006AF3 100%); box-shadow:0 3px 10px rgba(0,60,160,.32),inset 0 1px 0 rgba(255,255,255,.45); color:#fff;overflow:hidden} .vc-logo::after{content:"";position:absolute;left:-30%;top:-60%;width:160%;height:120%; background:radial-gradient(ellipse at center,rgba(255,255,255,.42) 0%,rgba(255,255,255,0) 62%); pointer-events:none} .vc-logo svg{position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,40,120,.35))} .vipcard.none .vc-logo{background:linear-gradient(135deg,#D8DEE7 0%,#AEB8C6 100%); box-shadow:0 2px 6px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.5)} .vipcard.none .vc-logo::after{opacity:.5} .vc-sys{font-size:13.5px;font-weight:800;letter-spacing:.6px;opacity:.95} @media (max-width:640px){ .vc-logo{width:32px;height:32px;flex:0 0 32px;border-radius:10px} } .autotip{display:flex;align-items:center;gap:6px;margin:0 0 12px; font-size:12.5px;line-height:1.6;color:#8A94A6} .autotip .ico{display:inline-flex;align-items:center;color:#A9B2C1;flex:0 0 auto} .autotip .ico svg{display:block} @media (max-width:640px){ .autotip{font-size:12px;margin-bottom:10px} } .pf-grp{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0 2px} .pf-grp-t{font-size:14px;font-weight:700;color:var(--txt,#1F2A3D)} .pf-plan{display:inline-flex;align-items:center;padding:3px 9px;border-radius:6px; font-size:12px;color:#9A6B00;background:#FFF6E5;border:1px solid #F3DFB8} .dm-sum{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px; border-radius:10px;background:linear-gradient(90deg,#F4F8FF,#fff);border:1px solid #E2EAF6} .dm-sum-n{font-size:14px;font-weight:800;letter-spacing:.2px} .dm-sum-q{margin-left:auto;font-size:12.5px;color:#8A94A6;font-variant-numeric:tabular-nums} .pf-card{transition:box-shadow .16s ease,border-color .16s ease} .pf-card:hover{box-shadow:0 6px 18px rgba(16,24,40,.10)} .pf-card.pf-on{border-color:#BCD8FF;background:linear-gradient(180deg,#F7FAFF,#fff)} .pf-card.pf-on:hover{border-color:#8FB6F5} .pf-ico{display:inline-flex;align-items:center;justify-content:center;line-height:0} .pf-ico svg{display:block;border-radius:9px;box-shadow:0 3px 8px rgba(16,24,40,.16)} .pf-card.pf-off .pf-ico svg{box-shadow:0 2px 5px rgba(16,24,40,.10);opacity:.94} @media (max-width:640px){ .dm-sum{gap:6px;padding:9px 10px} .dm-sum-n{font-size:13px} .dm-sum-q{margin-left:0;width:100%} } @media (max-width: 860px) { .sidebar.mini { width: 260px; flex: 0 0 260px; padding: 16px 12px; } .sidebar.mini a, .sidebar.mini .grp, .sidebar.mini .ugrp, .sidebar.mini .side-toggle, .sidebar.mini .side-collapse, .sidebar.mini .side-logout, .sidebar.mini .side-level { justify-content: flex-start; gap: 10px; } .sidebar.mini .grp-t, .sidebar.mini .ugrp-t, .sidebar.mini .lo-t, .sidebar.mini .side-toggle .t, .sidebar.mini .side-collapse .t, .sidebar.mini .txt { display: inline; } .sidebar.mini .side-brand { display: flex; } .sidebar .side-collapse { display: none; } .sidebar { height: 100dvh; padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px)); } } @media (max-width: 400px) { .wrap, .page { padding-left: 10px !important; padding-right: 10px !important; } .page-head h1, .page-head h2 { font-size: 17px !important; } .topbar { padding: 0 10px; } .topbar .crumb { font-size: 12px; } .kpi .v, .kpi-v { font-size: 19px !important; } .card .hd { padding: 11px 12px !important; font-size: 13.5px; } .card .bd { padding: 12px !important; } .modal { max-width: calc(100vw - 16px); border-radius: 18px; } .modal .bd { padding: 14px; } .btn { height: 42px; padding: 0 14px; font-size: 14px; } .table th, .table td { padding: 8px 8px !important; font-size: 12.2px; } } @media (min-width: 861px) and (max-width: 1024px) { .page, .wrap { padding-left: 16px; padding-right: 16px; } .grid.g4, .grid.g5 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1600px) { .wrap, .container { max-width: 1440px; margin-left: auto; margin-right: auto; } } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { animation-duration: .01ms !important; transition-duration: .01ms !important; } } .card, .kpi, .pf-card, .mall-card, .vipcard { transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease; } img, svg, video, canvas { max-width: 100%; } body { overflow-wrap: break-word; word-break: break-word; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: #CFDCEF; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #AFC5E6; } .intg-banner{display:flex;align-items:center;gap:10px;margin:12px 14px 0;padding:10px 12px;border-radius:10px;border:1px solid #f0b357;background:linear-gradient(180deg,#fff8ec,#fff3df);color:#8a5a00;font-size:12.5px;line-height:1.6} .intg-banner .ib-ico{flex:0 0 auto;display:flex;color:#d98b0b} .intg-banner .ib-txt{flex:1 1 auto;min-width:0} .intg-banner .ib-txt b{display:block;font-weight:700} .intg-banner .ib-txt span{display:block;color:#9a6a10} .intg-banner .ib-bad{flex:0 0 auto;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:#d98b0b;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center} .intg-tag{margin:0 6px;padding:1px 8px;border-radius:10px;font-size:11.5px;font-weight:600;border:1px solid transparent} .intg-tag.ok{color:#1a8a4c;background:#eaf7ef;border-color:#bde5cb} .intg-tag.warn,.intg-tag.modified{color:#b3350f;background:#fdeee9;border-color:#f5c6b6} .intg-tag.unknown{color:#6b7280;background:#f1f3f5;border-color:#dfe3e8} /* v1.9.144 表格横向滚动：宽表出滚动条而不是被挤扁 */ .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin} .table-wrap::-webkit-scrollbar{height:8px} .table-wrap::-webkit-scrollbar-track{background:#F1F4FA;border-radius:4px} .table-wrap::-webkit-scrollbar-thumb{background:#C7D5EC;border-radius:4px} .table-wrap::-webkit-scrollbar-thumb:hover{background:#A9BEDA} @media (min-width:1401px){ .table{min-width:760px} } .modal .table-wrap{max-width:100%} /* v1.9.150 用户中心侧栏「签到 / 余额」小标签：中文（默认）红色，英文模式绿色 */ .sidebar a .pill.ok, html[data-lang="zh"] .sidebar a .pill.ok, html[data-eye-site="1"] .sidebar a .pill.ok, html[data-eye-admin="1"] .sidebar a .pill.ok{background:#FDECEA !important;color:#B42318 !important} html[data-lang="en"] .sidebar a .pill.ok, html[data-eye-site="1"][data-lang="en"] .sidebar a .pill.ok, html[data-eye-admin="1"][data-lang="en"] .sidebar a .pill.ok{background:#E6F8F0 !important;color:#0B7A46 !important}