*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#192b47;font:14px/1.6 'Segoe UI','Microsoft YaHei',sans-serif}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:1px solid #dce4ef;border-radius:7px;background:white;padding:9px 16px;color:#334663}button:hover{border-color:#3268ed;color:#2459dd}button.primary,.primary{background:#2864ed;color:white;border-color:#2864ed}button:disabled{opacity:.5;cursor:default}header{background:white;border-bottom:1px solid #e7edf5;position:sticky;top:0;z-index:5}.top{max-width:1320px;margin:auto;display:flex;align-items:center;gap:35px;height:80px;padding:0 30px}.logo{font-size:27px;letter-spacing:-1.3px;font-weight:850;color:#215ce5}.logo em{font-style:normal;background:#2765ee;color:white;border-radius:8px;padding:0 7px;margin-right:5px}nav{display:flex;gap:28px;flex:1}nav a.active{color:#2864ed;font-weight:700}small,.muted{color:#8190a7}.demo{background:#edf3ff;color:#506b99;text-align:center;font-size:12px;padding:6px}.wrap{max-width:1260px;margin:30px auto;padding:0 22px}.hero{background:linear-gradient(115deg,#edf4ff,#e9f1ff 60%,#dce9ff);border:1px solid #e0eaff;border-radius:16px;display:flex;align-items:center;min-height:325px;padding:42px 50px;overflow:hidden;position:relative}.eyebrow{letter-spacing:3px;color:#3670de;font-size:11px;font-weight:700}.hero h1{font-size:39px;line-height:1.4;letter-spacing:-1px;margin:15px 0;color:#142e57}.hero p{color:#657b9a;margin-bottom:25px}.hero-art{margin-left:auto;width:310px;height:230px;position:relative;display:grid;place-items:center}.orb{width:170px;height:170px;border-radius:34px;transform:rotate(-18deg);background:linear-gradient(140deg,#69aaff,#2351d5);box-shadow:20px 24px 40px #6794e85c,inset 2px 2px 4px #ffffff80;color:white;font-size:85px;text-align:center;line-height:170px}.float{position:absolute;background:#ffffffdb;padding:12px 22px;border-radius:10px;box-shadow:0 10px 30px #4d77ba22;font-weight:600}.float.one{top:6px;right:0}.float.two{bottom:10px;left:0}.search{display:flex;background:white;border-radius:8px;padding:5px;border:1px solid #e5ebf3;max-width:520px;margin-top:22px}.search input{border:0;flex:1;min-width:0;padding:8px;outline:none}.trust{display:flex;gap:30px;padding:18px 0;color:#7890af;font-size:12px}.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:12px 0 30px}.cat{background:white;border:1px solid #e5ebf3;padding:18px 10px;text-align:center;border-radius:10px}.cat.active{border-color:#2864ed;color:#2864ed;background:#eef4ff}.icon{font-size:24px;display:inline-grid;place-items:center;background:#edf3ff;color:#3974ed;width:46px;height:46px;border-radius:12px;margin-bottom:8px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:26px 0 18px}h2{font-size:22px;margin:0}h3{font-size:16px;margin:0 0 15px}h4{margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid #e6ebf3;border-radius:11px;padding:22px}.product{padding:0;overflow:hidden;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-4px);box-shadow:0 12px 24px #27466c12}.cover{height:150px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg);color:var(--fg)}.cover:before{content:'';position:absolute;width:160px;height:160px;border:24px solid #ffffff38;border-radius:45px;transform:rotate(30deg);right:-30px;top:-40px}.cover strong{font-size:30px;letter-spacing:-1px;z-index:1}.cover small{position:absolute;bottom:13px;left:19px;font-size:10px;letter-spacing:2px;color:inherit}.product .info{padding:18px}.tag{display:inline-block;font-size:11px;background:#edf3ff;color:#3771de;border-radius:4px;padding:2px 7px}.price{color:#235fdf;font-size:23px;font-weight:750}.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.line{border-top:1px solid #edf0f6;margin:20px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:25px 0}.step b{color:#82a5e9;font-size:25px;margin-right:12px}.shell{display:grid;grid-template-columns:205px 1fr;gap:25px}.sidebar{background:white;border:1px solid #e7ecf4;border-radius:10px;padding:20px 12px;align-self:start;position:sticky;top:128px}.sidebar h4{padding:0 12px;color:#8895a9;font-size:11px;letter-spacing:2px;margin:10px 0 14px}.sidebar a{display:block;padding:11px 14px;margin:3px 0;border-radius:7px;color:#65748b}.sidebar a.active{color:#2864ed;background:#edf3ff;font-weight:700}.page-title{margin-bottom:22px}.page-title p{color:#8390a4;margin:4px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat .num{font-size:27px;font-weight:700;margin:8px 0}.stat small{font-size:12px}.balance{background:linear-gradient(120deg,#1e5be5,#4e8aff);color:white}.balance small{color:#cddfff}.user-card{border-top:3px solid #3377f8}.avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#e6efff;color:#3973e9;font-size:25px;font-weight:700}.quick{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px}.quick .row{justify-content:space-around;text-align:center}.quick a{font-size:12px}.quick .icon{display:grid;margin:auto auto 9px}.cols{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.notice{border-left:3px solid #3677ec;padding:10px 15px;background:#f0f5ff;color:#587294;margin:16px 0}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{background:#f7f9fc;color:#8492a6;font-weight:500}td,th{padding:15px 12px;border-bottom:1px solid #edf1f7}td button{padding:5px 9px;font-size:12px}.badge{padding:4px 8px;border-radius:4px;background:#fff3df;color:#bd811c;font-size:11px;white-space:nowrap}.badge.blue{background:#edf3ff;color:#2f68dc}.badge.green{background:#e9f8f1;color:#26966a}.tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.tabs button.active{background:#2864ed;color:white}.empty{padding:45px;text-align:center;color:#8b98ac}.field{display:flex;flex-direction:column;gap:7px;margin:15px 0}.field input,.field textarea,.field select,input.control,select.control{padding:11px 12px;border:1px solid #dae3f0;border-radius:6px;background:white;color:#243e61}.field textarea{min-height:90px;resize:vertical}dialog{border:0;border-radius:14px;padding:28px;width:480px;max-width:92vw;color:#243a59;box-shadow:0 30px 100px #17315544}dialog::backdrop{background:#152b4a65;backdrop-filter:blur(3px)}dialog .close{float:right;border:0;font-size:20px;padding:0 6px}.work-grid{display:grid;grid-template-columns:290px 1fr;gap:20px}.order-item{padding:16px;border:1px solid #e3eaf5;border-radius:8px;margin-bottom:10px;background:white;cursor:pointer}.order-item.active{background:#edf3ff;border-color:#5284f0}.timeline{border-left:2px solid #e2eaf7;padding-left:22px;margin:24px 6px}.timeline div{padding:0 0 22px;position:relative}.timeline div:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#4c82eb;left:-27px;top:7px}.bar-chart{display:flex;align-items:flex-end;gap:16px;height:155px;padding-top:20px}.bar-chart div{flex:1;background:linear-gradient(#6295fa,#dce9ff);border-radius:5px 5px 0 0;position:relative}.bar-chart span{position:absolute;bottom:-25px;width:100%;text-align:center;font-size:10px;color:#8292aa}.footer{text-align:center;color:#95a2b6;font-size:11px;padding:35px 10px}.auth{max-width:420px;margin:55px auto}.detail{display:grid;grid-template-columns:1fr 1.2fr;gap:35px}.detail .cover{height:350px;border-radius:12px}.detail .cover strong{font-size:50px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#173354;color:white;border-radius:8px;padding:12px 24px;z-index:30;display:none}.ticket{padding:14px 0;border-bottom:1px solid #edf1f7}.scroll{overflow:auto}.mini{font-size:11px}.admin-label{color:#798ca9;font-size:11px;border-left:1px solid #dfe6f1;padding-left:15px}@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(3,1fr)}.top{gap:15px;padding:0 16px}nav{gap:12px}.hero-art{display:none}.shell{grid-template-columns:160px 1fr}.stats{grid-template-columns:repeat(2,1fr)}.quick,.cols{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.detail{grid-template-columns:1fr}}@media(max-width:600px){nav{font-size:11px;gap:9px}.top{height:auto;min-height:74px;flex-wrap:wrap;padding:12px}.top .logo{font-size:22px}.top>button{display:none}.wrap{padding:0 12px;margin-top:18px}.hero{padding:24px}.hero h1{font-size:29px}.shell{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow:auto;padding:8px}.sidebar h4{display:none}.sidebar a{white-space:nowrap;padding:7px 12px}.grid{gap:10px}.product .info{padding:12px}.stats{gap:10px}.stat{padding:15px}.cover strong{font-size:23px}.steps{grid-template-columns:repeat(2,1fr)}.trust{gap:12px}.row{flex-wrap:wrap}.page-title h2{font-size:20px}.detail .cover{height:200px}}

.admin-top{background:#122b50;color:white}.admin-top .logo{color:white}.admin-top small{color:#b9c9e0}.admin-layout{max-width:1480px}.admin-layout .sidebar{min-height:580px}.admin-layout .page-title h2{font-size:27px}.admin-layout main{min-width:0}.thumb{width:42px;height:42px;object-fit:cover;border-radius:6px;vertical-align:middle;margin-right:10px}.admin-layout .card{box-shadow:0 2px 8px #193a6504}.admin-login{max-width:460px;margin:70px auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wide{grid-column:1/-1}.admin-layout .cover{height:180px}dialog.editor{width:720px;max-height:90vh;overflow:auto}.field small{font-size:11px}.audit-entry{padding:13px;border-bottom:1px solid #edf1f7}.admin-top .top{max-width:1480px}.admin-top button{background:#244570;color:white;border-color:#42618d}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.admin-layout .sidebar{min-height:0}}