:root{--color-ink: #151515;--color-muted: #666f7a;--color-line: #dfe5ec;--color-panel: #f6f8fb;--color-blue: #1a6bff;--color-blue-dark: #0f4dc4;--color-green: #16895f;--color-gold: #b47818;--shadow-soft: 0 18px 50px rgba(21, 21, 21, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-ink);background:#fff}*{box-sizing:border-box}html{min-width:320px;background:#fff}body{margin:0;min-width:320px;color:var(--color-ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}img,video{max-width:100%}.page{min-height:100vh;background:#fff}.shell{width:min(100% - 32px,1240px);margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:#fffffff5;border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0;font-size:20px;font-weight:800}.brand img{width:42px;height:42px;flex:0 0 42px}.header-nav{display:flex;align-items:center;gap:8px;font-weight:700;color:#30343a}.header-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:8px}.header-nav a:hover,.header-nav a.router-link-active{background:var(--color-panel);color:var(--color-blue-dark)}.blog-hero,.detail-hero{position:relative;min-height:360px;display:grid;align-items:end;overflow:hidden}.blog-hero img,.detail-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;z-index:1;padding:64px 0;color:#fff}.hero-copy p,.section-kicker{margin:0 0 10px;font-size:14px;font-weight:800;line-height:1.4;text-transform:uppercase;color:var(--color-green)}.hero-copy p{color:#aee7cd}.hero-copy h1{margin:0;max-width:720px;font-size:56px;line-height:1.05;font-weight:900}.blog-section{padding:72px 0 88px}.product-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:64px}.product-tab{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;min-height:88px;padding:16px;border:1px solid var(--color-line);border-radius:8px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.product-tab:hover,.product-tab.active{border-color:#1a6bff80;box-shadow:var(--shadow-soft);transform:translateY(-2px)}.product-tab img{grid-row:1 / span 2;width:48px;height:48px}.tab-brand{display:block;min-width:0;overflow:hidden;color:var(--color-muted);font-size:13px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.product-tab strong{display:block;min-width:0;overflow:hidden;font-size:16px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{margin:0;font-size:34px;line-height:1.15}.section-heading>span{color:var(--color-muted);font-weight:700}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.blog-card{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:240px;overflow:hidden;border:1px solid var(--color-line);border-radius:8px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.blog-card:hover{border-color:#1a6bff73;box-shadow:var(--shadow-soft);transform:translateY(-2px)}.blog-card-image{width:100%;height:100%;min-height:240px;object-fit:cover;background:var(--color-panel)}.blog-card-body{min-width:0;padding:22px;display:flex;flex-direction:column;justify-content:center}.blog-label{align-self:flex-start;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:6px;background:var(--color-blue);color:#fff;font-size:13px;font-weight:800;text-transform:uppercase}.blog-card h2{margin:16px 0 10px;display:-webkit-box;overflow:hidden;color:var(--color-ink);font-size:21px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-card p{margin:0;display:-webkit-box;overflow:hidden;color:var(--color-muted);font-size:15px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-card time{margin-top:18px;color:var(--color-gold);font-size:14px;font-weight:800}.pager{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.pager button{width:42px;height:42px;border:1px solid var(--color-line);border-radius:8px;background:#fff;color:var(--color-muted);cursor:pointer;font-weight:800}.pager button.active,.pager button:hover{background:var(--color-blue);border-color:var(--color-blue);color:#fff}.notice,.empty-state{padding:32px;border:1px solid var(--color-line);border-radius:8px;background:var(--color-panel)}.notice p,.empty-state p{margin:0 0 16px;color:var(--color-muted);line-height:1.6}.empty-state h2{margin:0 0 8px}.notice button{min-height:42px;padding:0 18px;border:0;border-radius:8px;background:var(--color-blue);color:#fff;cursor:pointer;font-weight:800}.detail-hero{min-height:300px}.detail-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:72px;padding:72px 0 88px}.article-sidebar{min-width:0}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:32px;color:var(--color-muted);font-weight:800}.back-link span{font-size:28px;line-height:1}.back-link:hover{color:var(--color-blue-dark)}.related-list{position:sticky;top:104px}.related-list h2{margin:0 0 20px;font-size:20px;line-height:1.3}.related-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;min-height:86px;padding:10px 0}.related-item img{width:92px;height:72px;border-radius:8px;object-fit:cover;background:var(--color-panel)}.related-item span{display:-webkit-box;overflow:hidden;color:#2d333b;font-size:14px;font-weight:700;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.related-item:hover span{color:var(--color-blue-dark)}.article-panel{min-width:0}.article-panel h1{margin:0 0 16px;font-size:44px;line-height:1.12;font-weight:900}.article-title-ad{margin-bottom:16px}.article-panel time{display:block;margin-bottom:48px;color:var(--color-muted);font-weight:700}.article-body{color:#24272b;font-size:17px;line-height:1.78}.article-body :where(h2,h3,h4){color:var(--color-ink);line-height:1.25}.article-body h2{margin:48px 0 16px;font-size:30px}.article-body h3{margin:36px 0 12px;font-size:24px}.article-body p{margin:0 0 20px}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:24px}.article-body li{margin-bottom:8px}.article-body img{height:auto;border-radius:8px}.article-body img[data-href]{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.article-body img[data-href]:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.article-body video,.article-body iframe{width:100%;border-radius:8px}.article-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:56px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:8px;font-weight:900}.primary-button{background:var(--color-ink);color:#fff}.secondary-button{border:2px solid var(--color-ink);color:var(--color-ink)}.button:hover{transform:translateY(-1px)}.skeleton{position:relative;overflow:hidden;border-radius:8px;background:#e8edf3}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 1.2s infinite}.skeleton-image{min-height:240px}.skeleton-label{width:72px;height:28px}.skeleton-line{height:16px;margin-top:14px}.skeleton-line.wide{width:90%;height:22px}.skeleton-line.short{width:46%}.skeleton-title{width:min(100%,680px);height:56px;margin-bottom:24px}.skeleton-paragraph{height:180px;margin-top:24px}.article-loading{padding-top:8px}@keyframes shimmer{to{transform:translate(100%)}}@media(max-width:1100px){.product-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card{grid-template-columns:200px minmax(0,1fr)}.detail-layout{grid-template-columns:260px minmax(0,1fr);gap:44px}}@media(max-width:820px){.header-inner{height:auto;min-height:72px;align-items:flex-start;flex-direction:column;justify-content:center;padding:14px 0}.header-nav{width:100%;overflow-x:auto;padding-bottom:2px}.blog-hero,.detail-hero{min-height:300px}.hero-copy{padding:48px 0}.hero-copy h1{font-size:42px}.blog-section,.detail-layout{padding:48px 0 64px}.product-tabs,.blog-grid,.detail-layout{grid-template-columns:1fr}.product-tabs{margin-bottom:44px}.blog-card{grid-template-columns:1fr}.blog-card-image{aspect-ratio:16 / 10;min-height:0}.related-list{position:static}.article-panel h1{font-size:34px}}@media(max-width:520px){.shell{width:min(100% - 24px,1240px)}.brand span{font-size:18px}.hero-copy h1{font-size:34px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:28px}.product-tab{grid-template-columns:44px minmax(0,1fr);min-height:78px;padding:14px}.product-tab img{width:44px;height:44px}.blog-card-body,.notice,.empty-state{padding:18px}.article-panel h1{font-size:30px}.article-body{font-size:16px}.article-actions{flex-direction:column}.button{width:100%}}