#app{min-height:100vh}:root{--color-primary:#0f766e;--color-primary-dark:#115e59;--color-bg:#f4f7f2;--color-surface:#fff;--color-text:#1f2937;--color-text-light:#6b7280;--color-border:#d7e0d7;--shadow-card:0 18px 40px rgba(15,23,42,0.08);--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--container-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{min-width:320px;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--color-text);background:radial-gradient(circle at top left,rgba(15,118,110,.12),transparent 28%),linear-gradient(180deg,#f6fbf9,var(--color-bg))}body,button,input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-shell{min-height:100vh}.page-container{width:min(100% - 32px,var(--container-width));margin:0 auto}.device-grid{display:flex;flex-wrap:wrap;gap:24px}.device-card{flex:1 1 100%;min-width:0}@media (min-width:768px){.page-container{width:min(100% - 48px,var(--container-width))}.device-card{flex-basis:calc(50% - 12px)}}@media (min-width:1200px){.device-card{flex-basis:calc(33.333% - 16px)}}