:root{--primary:#2563eb;--accent:#ff6b35;--success:#10b981;--bg:#fff;--bg-soft:#f8fafc;--text:#1e293b;--text-soft:#475569;--radius:12px;--font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Noto Sans SC",-apple-system,BlinkMacSystemFont,sans-serif;--fs-base:16px;--fs-sm:14px;--fs-md:17px;--fs-lg:20px;--fs-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--fs-base);color:var(--text);background:var(--bg);line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1160px;margin:0 auto;padding:0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--radius);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--primary);color:#fff}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(255,107,53,.3)}.btn-accent:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(255,107,53,.4)}.btn-block{width:100%}.price{color:var(--accent);font-weight:700}.price-original{color:#94a3b8;text-decoration:line-through;font-weight:400;margin-left:6px;font-size:14px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #eef2f7;border-radius:var(--radius);padding:18px;transition:all .25s ease}.card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 12px 28px rgba(37,99,235,.08)}.tag{display:inline-block;padding:3px 12px;border-radius:999px;font-size:var(--fs-sm);background:#fff1ec;color:var(--accent)}.section{padding:48px 0}.section-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:28px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #d8dee9;border-radius:8px;font-size:var(--fs-base)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.form-row{margin-bottom:16px}.form-row label{display:block;margin-bottom:6px;font-size:var(--fs-base);color:var(--text-soft)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.admin-layout{display:flex;min-height:100vh}.admin-side{width:220px;background:#0f172a;padding:18px 0}.admin-side,.admin-side a{color:#cbd5e1;font-size:var(--fs-base)}.admin-side a{display:block;padding:13px 22px}.admin-side a.router-link-active{background:var(--primary);color:#fff}.admin-main{flex:1;background:var(--bg-soft);padding:24px;font-size:var(--fs-base)}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left;font-size:var(--fs-base)}th{background:#f1f5f9}