:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#758196;--line:#e8edf5;--primary:#16a34a;--primary2:#22c55e;--blue:#2563eb;--green:#16a34a;--orange:#f59e0b;--red:#ef4444;--purple:#7c3aed;--cyan:#0891b2;--shadow:0 18px 45px rgba(15,23,42,.08)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}input,select,textarea{width:100%;height:42px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#fff;color:var(--text);outline:none;transition:.18s}textarea{height:auto;padding:12px 14px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(37,99,235,.55);box-shadow:0 0 0 4px rgba(37,99,235,.08)}label{display:block;font-size:14px;font-weight:700;color:#344054;margin-bottom:16px}label input,label select,label textarea{margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;border:0;border-radius:12px;padding:0 16px;font-weight:800;cursor:pointer;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 10px 20px rgba(22,163,74,.22)}.btn.soft{background:#eef6ff;color:#1d4ed8}.btn.green{background:#ecfdf5;color:#047857}.btn.orange{background:#fff7ed;color:#c2410c}.btn.danger{background:#fef2f2;color:#b91c1c}.btn.small{height:32px;border-radius:9px;padding:0 10px;font-size:12px}.btn.full{width:100%}.inline{display:inline}.empty{text-align:center;color:var(--muted);padding:24px}.muted{color:var(--muted);font-size:12px;margin-top:4px}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900}.badge.green{background:#dcfce7;color:#15803d}.badge.red{background:#fee2e2;color:#b91c1c}.badge.blue{background:#dbeafe;color:#1d4ed8}.badge.orange{background:#ffedd5;color:#c2410c}.badge.purple{background:#ede9fe;color:#6d28d9}.alert{border-radius:16px;padding:14px 16px;margin:0 0 18px;font-size:14px;font-weight:700}.alert-info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.alert-success{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.alert-warning{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.alert-danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center}.brand b{display:block;font-size:18px}.brand small{display:block;color:var(--muted);margin-top:2px}.brand-dot{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#22c55e,#06b6d4);box-shadow:0 12px 30px rgba(34,197,94,.25)}.top-actions{display:flex;gap:10px}.top-actions a{background:#f3f6fb;border:1px solid var(--line);padding:9px 12px;border-radius:10px;color:#475467;font-weight:800}.layout{display:flex}.sidebar{width:230px;min-height:calc(100vh - 68px);padding:20px;background:#fff;border-right:1px solid var(--line);position:sticky;top:68px}.sidebar a{display:block;padding:13px 14px;border-radius:13px;color:#475467;font-weight:900;margin-bottom:8px}.sidebar a.active,.sidebar a:hover{background:linear-gradient(135deg,#ecfdf5,#eff6ff);color:#15803d}.content{flex:1;padding:26px;min-width:0}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-title h1{margin:0;font-size:26px}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:22px;margin-bottom:22px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-head h2{margin:0;font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{border-radius:22px;padding:18px;color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:999px;background:rgba(255,255,255,.14);right:-40px;top:-40px}.stat-card span{font-size:13px;font-weight:900;opacity:.92}.stat-card b{display:block;font-size:30px;margin:10px 0 6px}.stat-card small{opacity:.86}.stat-card.blue{background:linear-gradient(135deg,#2563eb,#38bdf8)}.stat-card.green{background:linear-gradient(135deg,#16a34a,#22c55e)}.stat-card.orange{background:linear-gradient(135deg,#f59e0b,#fb7185)}.stat-card.purple{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.stat-card.cyan{background:linear-gradient(135deg,#0891b2,#22d3ee)}.stat-card.red{background:linear-gradient(135deg,#ef4444,#f97316)}.two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.link-card-list{display:grid;gap:12px}.route-card{border:1px solid var(--line);background:#fbfdff;border-radius:18px;padding:14px}.route-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.copy-line{display:flex;gap:8px;margin-top:10px}.copy-line input{font-size:12px}.copy-line.compact{min-width:320px;margin:0}.rank-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.rank-row:last-child{border-bottom:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:13px}th{color:#667085;background:#f8fafc;font-size:12px;text-transform:uppercase}tr:hover td{background:#fcfdff}.actions{display:flex;gap:6px;flex-wrap:wrap}.form-card{max-width:960px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-actions{display:flex;gap:10px;margin-top:8px}.switch{display:flex;align-items:center;gap:10px;font-weight:800}.switch input{width:18px;height:18px;margin:0}.filter-line{margin-bottom:14px;max-width:360px}.filter-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr auto;gap:12px;align-items:center}.country-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.country-card{border-radius:18px;border:1px solid var(--line);padding:16px;background:linear-gradient(135deg,#ffffff,#f8fafc)}.country-card b{font-size:24px;color:#1d4ed8}.country-card span{display:block;color:var(--muted);margin:4px 0}.country-card em{font-style:normal;font-weight:900;color:#16a34a}.referer{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-body,.front-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#dcfce7 0,#f8fafc 34%,#eef2ff 100%);padding:24px}.login-card,.front-card{width:100%;max-width:420px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:0 30px 80px rgba(15,23,42,.14);padding:30px}.front-card.wide{max-width:760px;text-align:center}.login-logo{display:flex;justify-content:center;margin-bottom:14px}.login-logo span{width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,#16a34a,#22d3ee);box-shadow:0 18px 45px rgba(22,163,74,.25)}.login-card h1,.front-card h1{margin:0 0 8px;font-size:26px}.login-card p,.front-card p{color:var(--muted);line-height:1.7;margin:0 0 18px}.login-tip{font-size:12px;color:#98a2b3;text-align:center;margin-top:14px}.front-badge{display:inline-block;background:#dcfce7;color:#15803d;font-weight:900;padding:8px 12px;border-radius:999px;margin-bottom:14px}.front-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.mini-card{border-radius:18px;padding:16px;text-align:left}.mini-card b{display:block;margin-bottom:6px}.mini-card span{color:#667085;font-size:13px}.mini-card.green{background:#ecfdf5}.mini-card.blue{background:#eff6ff}.mini-card.purple{background:#f5f3ff}.front-actions{display:flex;justify-content:center;gap:10px;margin:16px 0}.copy-box{display:flex;gap:8px;margin:16px auto;max-width:620px}.big-icon{width:68px;height:68px;border-radius:24px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:34px;font-weight:900}.big-icon.red{background:linear-gradient(135deg,#ef4444,#f97316)}.big-icon.orange{background:linear-gradient(135deg,#f59e0b,#fb7185)}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}.two-col{grid-template-columns:1fr}.country-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.layout{display:block}.sidebar{position:static;width:auto;min-height:0;display:flex;overflow:auto;gap:8px}.sidebar a{white-space:nowrap}.content{padding:16px}.stats-grid{grid-template-columns:1fr}.form-grid,.filter-grid,.front-grid{grid-template-columns:1fr}.copy-box,.front-actions{flex-direction:column}.topbar{padding:0 14px}.top-actions a{padding:8px}.copy-line.compact{min-width:260px}.login-card,.front-card{padding:22px}}

.head-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.batch-help{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:12px 0 18px;
}

@media(max-width:760px){
    .batch-help{
        grid-template-columns:1fr;
    }
}

.btn.purple{
    background:#f5f3ff;
    color:#6d28d9;
}

.qr-layout{
    display:grid;
    grid-template-columns:360px 1fr;
    gap:26px;
    align-items:start;
}

.qr-preview{
    background:linear-gradient(135deg,#ffffff,#f8fafc);
    border:1px solid var(--line);
    border-radius:24px;
    padding:22px;
    text-align:center;
    box-shadow:var(--shadow);
}

.qr-preview img{
    width:320px;
    max-width:100%;
    height:auto;
    border-radius:16px;
}

.qr-info{
    display:grid;
    gap:14px;
}

.source-form{
    margin-top:10px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fbfdff;
}

.detail-head-card{
    background:linear-gradient(135deg,#ffffff,#f8fafc);
    border:1px solid var(--line);
    border-radius:24px;
    padding:20px 22px;
    box-shadow:var(--shadow);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:22px;
}

.detail-head-card h2{
    margin:0 0 6px;
    font-size:22px;
}

.detail-head-card p{
    margin:0;
    color:var(--muted);
    word-break:break-all;
}

.rank-row small{
    display:block;
    color:var(--muted);
    margin-top:4px;
}

@media(max-width:900px){
    .qr-layout{
        grid-template-columns:1fr;
    }

    .detail-head-card{
        flex-direction:column;
        align-items:flex-start;
    }
}

.filter-grid-5{
    grid-template-columns:1.2fr .8fr .9fr .8fr auto;
}

@media(max-width:900px){
    .filter-grid-5{
        grid-template-columns:1fr;
    }
}