.trend-shell{--trend-bg: #f6f7f4;--trend-panel: #ffffff;--trend-ink: #141813;--trend-muted: #687069;--trend-line: #d9ded5;--trend-accent: #176b52;--trend-blue: #2563eb;--trend-amber: #b45309;min-height:100svh;background:linear-gradient(180deg,#ffffffdb,#f6f7f4f2),radial-gradient(circle at top left,rgba(23,107,82,.12),transparent 32rem),radial-gradient(circle at top right,rgba(37,99,235,.1),transparent 28rem),var(--trend-bg);color:var(--trend-ink);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}.trend-shell a{color:inherit;text-decoration:none}.trend-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(20,24,19,.08);background:#f6f7f4db;padding:.875rem max(1rem,calc((100vw - 1120px)/2));backdrop-filter:blur(18px)}.trend-brand,.trend-nav-links{display:flex;align-items:center}.trend-brand{gap:.625rem;font-weight:700}.trend-brand-mark{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid rgba(20,24,19,.1);border-radius:.5rem;background:var(--trend-ink);color:#fff;font-size:.75rem}.trend-nav-links{gap:.25rem}.trend-nav-links a{border-radius:.5rem;padding:.5rem .75rem;color:var(--trend-muted);font-size:.875rem}.trend-nav-links a:hover{background:#1418130f;color:var(--trend-ink)}.trend-container{width:min(1120px,calc(100vw - 2rem));margin:0 auto}.trend-hero{display:grid;gap:2rem;padding:4.5rem 0 3rem}.trend-eyebrow{color:var(--trend-accent);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.trend-title{max-width:820px;font-size:clamp(2.25rem,5vw,5rem);font-weight:780;line-height:.98;letter-spacing:0}.trend-lead{max-width:720px;color:var(--trend-muted);font-size:1.0625rem;line-height:1.8}.trend-actions{display:flex;flex-wrap:wrap;gap:.75rem}.trend-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;border:1px solid var(--trend-line);border-radius:.5rem;padding:0 1rem;background:var(--trend-panel);font-weight:700}.trend-button.primary{border-color:var(--trend-ink);background:var(--trend-ink);color:#fff}.trend-panel{border:1px solid var(--trend-line);border-radius:.75rem;background:#ffffffbd;box-shadow:0 18px 60px #14181314}.trend-panel::selection,.trend-rank-item::selection{background:#176b522e}.trend-section{padding:2rem 0}.trend-section-title{font-size:1.5rem;font-weight:760;line-height:1.25}.trend-section-note{margin-top:.5rem;color:var(--trend-muted);line-height:1.7}.trend-rank-grid{display:grid;gap:1rem}@media(min-width:900px){.trend-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.trend-rank-board{position:relative;overflow:hidden;padding:1rem}.trend-rank-board:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.72) 42%,transparent 56%),radial-gradient(circle at 20% 0%,rgba(23,107,82,.14),transparent 15rem);opacity:.6;transform:translate(-100%);animation:trend-sheen 5.5s ease-in-out infinite}.trend-rank-board-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.25rem .25rem .875rem}.trend-rank-board h2{font-size:1.25rem;font-weight:760}.trend-rank-board p{color:var(--trend-muted);font-size:.875rem}.trend-rank-list{display:grid;gap:.5rem;perspective:900px}.trend-rank-item{--rank-width: 32%;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;min-height:4.5rem;overflow:hidden;border:1px solid rgba(20,24,19,.08);border-radius:.625rem;background:#ffffffdb;padding:.75rem;opacity:0;transform:translateY(16px) rotateX(-8deg);animation:trend-item-in .56s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--rank-delay, 0ms);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.trend-rank-item:before{position:absolute;inset:0 auto 0 0;width:var(--rank-width);content:"";background:linear-gradient(90deg,rgba(23,107,82,.14),transparent);transform-origin:left center;animation:trend-bar-in .72s ease both;animation-delay:calc(var(--rank-delay, 0ms) + .16s)}.trend-rank-item.is-featured{min-height:5.25rem;background:linear-gradient(135deg,#fffffff5,#ffffffb8),linear-gradient(90deg,#b453091a,#176b5214)}.trend-rank-item.is-featured .trend-rank-no{background:linear-gradient(135deg,#141813,#176b52);box-shadow:0 8px 26px #176b5238}.trend-rank-item:hover{border-color:#176b525c;box-shadow:0 14px 36px #1418131a;transform:translateY(-3px) rotateX(0)}.trend-rank-no,.trend-rank-main,.trend-rank-meta{position:relative;z-index:1}.trend-rank-no{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:.5rem;background:var(--trend-ink);color:#fff;font-weight:760}.trend-rank-main{min-width:0}.trend-rank-name{overflow:hidden;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.trend-rank-desc{margin-top:.25rem;overflow:hidden;color:var(--trend-muted);font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap}.trend-rank-meta{display:grid;gap:.25rem;justify-items:end;color:var(--trend-muted);font-size:.75rem}.trend-score{color:var(--trend-accent);font-size:1rem;font-weight:780}.trend-card-grid{display:grid;gap:1rem}@media(min-width:760px){.trend-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.trend-feature-card{padding:1rem}.trend-feature-card h2{font-size:1rem;font-weight:760}.trend-feature-card p{margin-top:.5rem;color:var(--trend-muted);font-size:.875rem;line-height:1.65}.trend-detail-layout{display:grid;gap:1.25rem;padding:2rem 0}@media(min-width:900px){.trend-detail-layout{grid-template-columns:minmax(0,1fr) 18rem}}.trend-detail-main,.trend-detail-side{display:grid;gap:1rem}.trend-detail-card{padding:1.25rem}.trend-detail-card h2{font-size:1.125rem;font-weight:760}.trend-detail-card p,.trend-detail-card li{color:var(--trend-muted);line-height:1.8}.trend-detail-card p+p{margin-top:1rem}.trend-metric{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--trend-line)}.trend-metric:last-child{border-bottom:0}.trend-metric span:first-child{color:var(--trend-muted);font-size:.875rem}.trend-metric strong{font-size:1.25rem}@keyframes trend-bar-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes trend-item-in{0%{opacity:0;transform:translateY(16px) rotateX(-8deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes trend-sheen{0%,62%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.trend-rank-item,.trend-rank-item:before{animation:none;opacity:1;transition:none}}