:root{--bg-top:#fff7ea;--bg-bottom:#ffe6d8;--panel:hsla(0,0%,100%,0.78);--panel-border:rgba(221,111,62,0.16);--text-main:#3a2b25;--text-muted:#7f6b63;--accent:#ffb347;--accent-soft:#ffdfb0}*{box-sizing:border-box}#app,body,html{min-height:100%;margin:0}body{font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;color:var(--text-main);background:radial-gradient(circle at top,rgba(255,179,71,.55),transparent 24%),radial-gradient(circle at bottom right,rgba(255,224,178,.8),transparent 30%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}a{color:inherit;text-decoration:none}.app-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:28px 0 52px}.topbar{display:block;margin-bottom:22px}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:.86rem;font-weight:700;letter-spacing:.18em}.topbar h1{margin:0;font-size:clamp(1.8rem,5vw,3.4rem);line-height:.95}.subtitle{margin:10px 0 0;color:var(--text-muted)}.page-grid,.stats-grid{display:grid;gap:18px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{padding:18px;border:1px solid var(--panel-border);border-radius:24px;background:var(--panel);box-shadow:0 20px 45px rgba(217,138,92,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-header h2,.panel-header h3{margin:0}.muted,.panel-header span,.panel li,.panel p,.panel small{color:var(--text-muted)}.hero-card{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:0;border-radius:14px;cursor:pointer;background:linear-gradient(135deg,#ffb347,#ffcf7d);color:#5a3515;font-weight:700}.btn.secondary{background:hsla(0,0%,100%,.7);color:var(--text-main)}.btn:disabled{opacity:.45;cursor:not-allowed}.avatar-card{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center}.avatar-card img,.shop-card img{width:88px;height:88px;border-radius:22px;-o-object-fit:cover;object-fit:cover;border:1px solid hsla(0,0%,100%,.12)}.level-grid,.shop-grid{display:grid;gap:12px}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.level-card,.shop-card{padding:16px;border-radius:20px;background:rgba(255,248,239,.9)}.level-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.level-card{border:0;color:var(--text-main);text-align:left;cursor:pointer}.level-card.active,.shop-card.selected{outline:2px solid #ffb347}.level-card.locked{opacity:.45;cursor:not-allowed}.stat-number{font-size:2.5rem;font-weight:800}.site-footer{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:22px;padding:14px 18px;color:var(--text-muted);font-size:.92rem}@media(max-width:980px){.hero-card,.stats-grid{grid-template-columns:1fr;display:grid}}