@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root {
  --ink: #18191d;
  --muted: #777a84;
  --line: #e9e9ed;
  --paper: #f7f7f8;
  --white: #fff;
  --violet: #6d55e8;
  --violet-dark: #4f38ca;
  --violet-soft: #f0edff;
  --orange: #ff6b39;
  --green: #24a477;
  --blue: #4787ed;
  --shadow: 0 12px 35px rgba(25, 21, 50, .07);
  --radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "DM Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
button, input, textarea { font: inherit; }
button { color: inherit; cursor: pointer; }
button, input, textarea { border: 0; outline: 0; }
svg { width: 20px; height: 20px; display: block; }
.hidden { display: none !important; }
.app-shell { min-height: 100vh; }

.topbar { height: 72px; padding: 0 max(28px, calc((100vw - 1440px)/2)); background: rgba(255,255,255,.94); border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; position: sticky; top: 0; z-index: 50; backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 10px; background: none; justify-self: start; padding: 0; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; position: relative; border-radius: 11px 11px 11px 5px; background: linear-gradient(145deg,#826cf0,#5035c7); color: #fff; box-shadow: 0 6px 16px rgba(91,65,205,.23); transform: rotate(-3deg); }
.brand-mark b { font-family: "Noto Sans SC", sans-serif; font-size: 17px; line-height: 1; transform: rotate(3deg); }
.brand-mark i { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #ffb04a; right: -3px; top: -3px; border: 2px solid white; }
.brand-word { font-size: 18px; font-weight: 700; letter-spacing: .02em; }
.brand-word b { color: var(--violet); font-size: 11px; margin-left: 3px; letter-spacing: .13em; }
.desktop-nav { height: 100%; display: flex; align-items: center; gap: 9px; }
.nav-item { height: 42px; padding: 0 18px; background: transparent; border-radius: 11px; display: flex; align-items: center; gap: 8px; color: #646770; font-weight: 600; }
.nav-item svg { width: 18px; }
.nav-item:hover { background: #f5f4f9; }
.nav-item.active { color: var(--violet-dark); background: var(--violet-soft); }
.top-actions { justify-self: end; display: flex; align-items: center; gap: 10px; }
.view-switch { height: 36px; padding: 3px; border: 1px solid #e5e4e9; background: #f4f4f6; border-radius: 10px; display: flex; gap: 2px; }
.view-switch button { height: 28px; padding: 0 8px; background: transparent; color: #8a8b92; border-radius: 7px; display: flex; align-items: center; gap: 5px; font-size: 10px; }
.view-switch button svg { width: 14px; }
.view-switch button em { font-style: normal; white-space: nowrap; }
.view-switch button.active { background: white; color: var(--violet-dark); box-shadow: 0 2px 6px rgba(32,30,45,.08); font-weight: 600; }
.icon-button, .notification-button { width: 40px; height: 40px; display: grid; place-items: center; background: transparent; border-radius: 11px; }
.icon-button:hover, .notification-button:hover { background: #f2f2f5; }
.notification-button { position: relative; }
.notification-button i { width: 6px; height: 6px; border-radius: 50%; background: #ff604a; border: 1px solid white; position: absolute; top: 8px; right: 8px; }
.avatar-button { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(145deg,#24232b,#696779); color: #fff; display: grid; place-items: center; font-size: 13px; font-weight: 700; border: 2px solid #fff; box-shadow: 0 0 0 1px #e4e4e7; }
.mobile-nav { display: none; }
.page { display: none; animation: pageIn .3s ease; }
.page.active { display: block; }
@keyframes pageIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.page-container { width: min(1220px, calc(100% - 48px)); margin: 0 auto; }

/* News */
.news-page { padding: 44px 0 72px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 25px; }
.eyebrow { margin: 0 0 8px; color: var(--violet); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.section-heading h1, .tools-hero h1 { font-size: clamp(27px, 3vw, 36px); letter-spacing: -.045em; margin: 0; line-height: 1.2; }
.brief-button { background: #26252c; color: #fff; padding: 11px 16px; border-radius: 12px; display: flex; gap: 8px; align-items: center; font-size: 13px; font-weight: 600; box-shadow: 0 7px 20px rgba(20,20,25,.14); }
.brief-button svg { width: 17px; }
.card { min-width:0;background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); overflow:hidden; }
.card h1,.card h2,.card h3,.card h4,.card p,.card b,.card strong,.card small,.card code { max-width:100%;overflow-wrap:anywhere; }
.news-dashboard { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(350px, .8fr); gap: 18px; }
.lead-story { display: grid; grid-template-columns: 48% 52%; overflow: hidden; min-height: 348px; box-shadow: var(--shadow); }
@media (min-width:1061px) { .daily-brief-card { height:348px; } }
.lead-visual { margin: 10px; border-radius: 13px; overflow: hidden; position: relative; }
.visual-space { background: radial-gradient(circle at 62% 38%,rgba(166,145,255,.95),transparent 7%), radial-gradient(circle at 70% 70%,rgba(75,52,194,.65),transparent 26%), linear-gradient(145deg,#171429,#453b70 52%,#171423); }
.visual-space:after { content:""; position:absolute; inset:0; background-image: radial-gradient(#fff 1px,transparent 1px); background-size: 34px 34px; opacity:.22; }
.planet { position: absolute; width: 164px; height: 164px; right: -22px; bottom: -38px; border-radius: 50%; background: radial-gradient(circle at 37% 32%,#f7f4ff 0 8%,#a795da 9% 19%,#675587 48%,#2a253b 75%); box-shadow: inset -20px -22px 35px rgba(0,0,0,.45), 0 0 60px rgba(162,131,255,.22); z-index:1; }
.orbit { position:absolute; border:1px solid rgba(255,255,255,.3); border-radius:50%; transform:rotate(-25deg); z-index:2; }
.orbit-one { width:260px;height:85px;right:-68px;bottom:2px; }
.orbit-two { width:210px;height:62px;right:-40px;bottom:17px; }
.live-pill { position:absolute;top:16px;left:16px;padding:7px 10px;border-radius:20px;background:rgba(20,17,32,.5);color:white;font-size:10px;z-index:3;backdrop-filter:blur(8px); }
.live-pill i { display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff685e;margin-right:4px;box-shadow:0 0 0 4px rgba(255,104,94,.18); }
.visual-label { position:absolute;left:18px;bottom:21px;z-index:3;color:white; }
.visual-label span { font-size:9px;letter-spacing:.28em;color:#c9c0ef; }
.visual-label b { display:block;font-size:17px;letter-spacing:.04em;line-height:1.08;margin-top:6px; }
.lead-copy { padding: 34px 30px 25px 24px; display:flex;flex-direction:column; }
.category-tag { color:var(--violet);font-weight:700;font-size:12px; }
.lead-copy h2 { font-size:clamp(22px,2vw,29px);letter-spacing:-.035em;line-height:1.32;margin:13px 0 14px; }
.lead-copy p { color:var(--muted);font-size:14px;line-height:1.75;margin:0; }
.story-meta { display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:20px;color:#8a8c94;font-size:12px; }
.story-meta > i { width:3px;height:3px;border-radius:50%;background:#bfc0c5; }
.story-meta button { margin-left:auto;background:transparent;color:#888; }
.story-meta svg { width:18px; }
.weather-cover { background:linear-gradient(155deg,#659bd3 0%,#98bddc 50%,#dce5e5 100%);isolation:isolate;transition:background .7s ease; }
.weather-cover:before { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,31,59,.02),rgba(26,31,49,.28)),radial-gradient(circle at 25% 18%,rgba(255,255,255,.42),transparent 40%);z-index:-2;transition:background .7s ease; }
.weather-sun { position:absolute;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fffbd7 0 12%,#ffe89d 35%,#ffc75e 100%);right:45px;top:48px;box-shadow:0 0 18px rgba(255,245,193,.95),0 0 55px rgba(255,211,112,.7);z-index:-1;transition:opacity .6s ease,transform .6s ease;animation:coverSunPulse 7s ease-in-out infinite; }
.weather-cloud { position:absolute;height:24px;border-radius:40px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(210,221,232,.76));filter:drop-shadow(0 8px 11px rgba(35,54,76,.14));transition:opacity .6s ease,background .6s ease,filter .6s ease;animation:coverCloudDrift 12s ease-in-out infinite; }
.weather-cloud:before,.weather-cloud:after { content:"";position:absolute;border-radius:50%;background:inherit; }
.weather-cloud:before { width:34px;height:34px;left:16px;bottom:3px; }.weather-cloud:after { width:24px;height:24px;right:13px;bottom:4px; }
.cloud-one { width:105px;right:18px;top:98px; }.cloud-two { width:80px;left:30px;top:75px;opacity:.45;transform:scale(.75);animation-delay:-5s; }
.weather-cover-precip { position:absolute;inset:-35% -20%;z-index:-1;opacity:0;pointer-events:none;transition:opacity .5s ease; }
.weather-cover-lightning { position:absolute;right:66px;top:76px;width:7px;height:72px;z-index:-1;opacity:0;background:#fff7bd;clip-path:polygon(58% 0,100% 0,68% 40%,100% 40%,19% 100%,43% 54%,8% 54%);filter:drop-shadow(0 0 10px #e8eaff); }
.weather-cover.scene-clear { background:linear-gradient(155deg,#3f98e7 0%,#78baf0 56%,#d5e9ee 100%); }.weather-cover.scene-clear .weather-sun{transform:scale(1.12)}.weather-cover.scene-clear .weather-cloud{opacity:.08}
.weather-cover.scene-cloudy { background:linear-gradient(155deg,#708fae,#a6b8c9 55%,#d6dddf); }.weather-cover.scene-cloudy .weather-sun{opacity:.38}.weather-cover.scene-cloudy .weather-cloud{opacity:.92}
.weather-cover.scene-overcast,.weather-cover.scene-fog { background:linear-gradient(155deg,#6c7a88,#98a5ae 55%,#c9ced0); }.weather-cover.scene-overcast .weather-sun,.weather-cover.scene-fog .weather-sun{opacity:0}.weather-cover.scene-overcast .weather-cloud,.weather-cover.scene-fog .weather-cloud{background:linear-gradient(#dce2e5,#aeb9c1);opacity:.9;filter:drop-shadow(0 10px 14px rgba(31,42,52,.2))}
.weather-cover.scene-fog:before { background:linear-gradient(180deg,rgba(232,239,241,.28),rgba(50,60,69,.3)),repeating-linear-gradient(0deg,transparent 0 25px,rgba(255,255,255,.18) 26px 39px); }
.weather-cover.scene-light-rain,.weather-cover.scene-heavy-rain,.weather-cover.scene-downpour { background:linear-gradient(155deg,#355d7d,#607d95 55%,#8c9ba5); }.weather-cover.scene-light-rain .weather-sun,.weather-cover.scene-heavy-rain .weather-sun,.weather-cover.scene-downpour .weather-sun{opacity:0}.weather-cover.scene-light-rain .weather-cloud,.weather-cover.scene-heavy-rain .weather-cloud,.weather-cover.scene-downpour .weather-cloud{background:linear-gradient(#b4c2cc,#738796)}
.weather-cover.scene-light-rain .weather-cover-precip,.weather-cover.scene-heavy-rain .weather-cover-precip,.weather-cover.scene-downpour .weather-cover-precip,.weather-cover.scene-thunderstorm .weather-cover-precip{opacity:.58;background:repeating-linear-gradient(100deg,transparent 0 18px,rgba(222,240,255,.78) 19px 20px,transparent 21px 36px);animation:coverRain .7s linear infinite}.weather-cover.scene-heavy-rain .weather-cover-precip{opacity:.78;background-size:25px 22px;animation-duration:.46s}.weather-cover.scene-downpour .weather-cover-precip,.weather-cover.scene-thunderstorm .weather-cover-precip{opacity:.92;background-size:18px 17px;animation-duration:.33s}
.weather-cover.scene-thunderstorm { background:linear-gradient(155deg,#202c41,#35445d 56%,#66717e); }.weather-cover.scene-thunderstorm .weather-sun{opacity:0}.weather-cover.scene-thunderstorm .weather-cloud{background:linear-gradient(#8794a4,#4f5d70)}.weather-cover.scene-thunderstorm .weather-cover-lightning{animation:coverLightning 4.8s infinite}
.weather-cover.scene-light-snow,.weather-cover.scene-heavy-snow,.weather-cover.scene-blizzard { background:linear-gradient(155deg,#789ab5,#a8bdcc 58%,#e0e7e9); }.weather-cover.scene-light-snow .weather-sun,.weather-cover.scene-heavy-snow .weather-sun,.weather-cover.scene-blizzard .weather-sun{opacity:.15}.weather-cover.scene-light-snow .weather-cover-precip,.weather-cover.scene-heavy-snow .weather-cover-precip,.weather-cover.scene-blizzard .weather-cover-precip{opacity:.68;background-image:radial-gradient(circle,#fff 0 2px,transparent 2.5px),radial-gradient(circle,rgba(255,255,255,.82) 0 1.4px,transparent 2px);background-size:34px 34px,49px 49px;animation:coverSnow 7s linear infinite}.weather-cover.scene-heavy-snow .weather-cover-precip{opacity:.9;background-size:25px 25px,38px 38px;animation-duration:4.5s}.weather-cover.scene-blizzard .weather-cover-precip{opacity:1;background-size:19px 19px,29px 29px;animation-duration:2.7s;transform:rotate(10deg)}
@keyframes coverSunPulse{50%{box-shadow:0 0 24px rgba(255,245,193,1),0 0 70px rgba(255,211,112,.82)}}@keyframes coverCloudDrift{50%{translate:10px 0}}@keyframes coverRain{to{background-position:0 62px}}@keyframes coverSnow{to{background-position:28px 105px,-22px 92px}}@keyframes coverLightning{0%,7%,10%,100%{opacity:0}8%,11%{opacity:1}}
.city-silhouette { position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(90deg,#48546d 0 8%,transparent 8% 10%,#59647a 10% 21%,transparent 21% 23%,#424e67 23% 37%,transparent 37% 40%,#566078 40% 47%,transparent 47% 50%,#3e4a63 50% 66%,transparent 66% 69%,#59647b 69% 79%,transparent 79% 82%,#46516a 82% 100%);clip-path:polygon(0 30%,8% 30%,8% 11%,14% 11%,14% 35%,22% 35%,22% 18%,29% 18%,29% 5%,34% 5%,34% 42%,43% 42%,43% 20%,49% 20%,49% 34%,57% 34%,57% 8%,64% 8%,64% 40%,72% 40%,72% 24%,79% 24%,79% 2%,85% 2%,85% 32%,93% 32%,93% 17%,100% 17%,100% 100%,0 100%);opacity:.8;z-index:-1; }
.cover-weather { position:absolute;left:18px;bottom:56px;color:white;display:flex;align-items:end;gap:10px;text-shadow:0 2px 12px rgba(25,30,52,.28); }
.cover-weather>strong { font-size:54px;line-height:.85;letter-spacing:-.08em;font-weight:500; }.cover-weather b,.cover-weather span { display:block; }.cover-weather b { font-size:13px;margin-bottom:5px; }.cover-weather span { font-size:9px;opacity:.78; }
.cover-range { position:absolute;bottom:20px;left:18px;color:rgba(255,255,255,.86);display:flex;align-items:center;gap:9px;font-size:10px; }.cover-range i { width:3px;height:3px;border-radius:50%;background:white;opacity:.6; }
.daily-brief-card .lead-copy { overflow:hidden; }.daily-brief-card .lead-copy h2 { font-size:31px;margin:9px 0 7px; }.daily-brief-card .lead-copy>p { max-width:420px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.55;min-height:37px; }
.lead-copy { min-width:0; }.lead-copy h2 { overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden; }.lead-copy>p { overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden; }
.brief-points { margin-top:9px;display:flex;flex-direction:column;gap:3px;min-height:97px; }.brief-points a { min-width:0;height:17px;color:#4f5159;text-decoration:none;display:grid;grid-template-columns:21px minmax(0,1fr) 13px;align-items:center;gap:6px;border-radius:5px;font-size:10px;line-height:17px;transition:.15s; }.brief-points a:hover { color:var(--violet-dark);background:#f6f4ff;padding:0 4px;margin:0 -4px; }.brief-points i { font-style:normal;color:#9c8be9;font-size:8px;font-weight:700; }.brief-points a>span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.brief-points small { color:#aaa;display:grid;place-items:center; }.brief-points small svg { width:11px;height:11px; }
.ai-summary-button { margin-left:auto!important;width:auto!important;height:32px;padding:0 11px!important;border-radius:9px!important;background:#27262e!important;color:white!important;display:flex!important;align-items:center;gap:6px;font-size:10px!important; }.ai-summary-button svg { width:14px; }
.top-news { padding: 22px 22px 8px; }
.card-title { display:flex;align-items:center;justify-content:space-between;margin-bottom:8px; }
.card-title > div { display:flex;align-items:center;gap:8px; }
.card-title h3 { margin:0;font-size:16px; }
.card-title button { color:#9899a0;background:transparent;font-size:11px;display:flex;align-items:center;gap:2px; }
.card-title button svg { width:14px; }
.rank-flame { color:var(--orange); }
.rank-list { list-style:none;margin:0;padding:0; }
.rank-list li { display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #f1f1f3; }
.rank-list li:last-child { border-bottom:0; }
.rank { font-weight:700;color:#a3a4a9;font-size:13px;font-style:italic; }
.rank.hot { color:var(--orange); }
.rank-list h4 { margin:0 0 5px;font-size:13px;line-height:1.3;font-weight:600; }
.rank-title-button { width:100%;padding:0;background:transparent;text-align:left;font-size:inherit;font-weight:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.rank-title-button:hover { color:var(--violet-dark); }
.rank-list p { margin:0;color:#a0a1a7;font-size:10px; }
.rank-list li>b { font-size:10px;color:#a0a1a7;font-weight:500; }
.rank-list li>div,.feed-content { min-width:0; }.rank-list p,.rank-list li>b,.feed-content footer span:first-child { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.feed-toolbar { margin:32px 0 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfdfe3; }
.category-tabs { display:flex;gap:30px;overflow:auto;scrollbar-width:none; }
.category-tabs button { position:relative;background:transparent;padding:0 2px 14px;color:#85868d;font-size:14px;font-weight:600;white-space:nowrap; }
.category-tabs button.active { color:var(--ink); }
.category-tabs button.active:after { content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--violet);border-radius:2px; }
.refresh-button { display:flex;gap:6px;align-items:center;background:transparent;color:#97989e;font-size:12px;padding-bottom:14px; }
.refresh-button svg { width:15px; }
.content-layout { display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start; }
.feed-list { align-self:start;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start; }
.feed-card { background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 14px;height:116px;transition:.2s;overflow:hidden; }
.feed-card:hover { transform:translateY(-2px);box-shadow:var(--shadow); }
.feed-thumb { border-radius:8px;width:50px;height:50px;position:relative;overflow:hidden;align-self:center;transform:scale(.92); }
.feed-thumb:before,.feed-thumb:after { content:"";position:absolute; }
.thumb-ai { background:linear-gradient(145deg,#151928,#58649b); }
.thumb-ai:before { width:70px;height:70px;border:1px solid rgba(255,255,255,.5);border-radius:18px;transform:rotate(45deg);top:20px;left:28px;box-shadow:0 0 30px #8f8cff; }
.thumb-city { background:linear-gradient(180deg,#9ecfea 0 42%,#d6b987 43% 100%); }
.thumb-city:before { width:100%;height:56%;bottom:0;background:linear-gradient(90deg,#363c50 0 14%,transparent 14% 22%,#505a63 22% 48%,transparent 48% 58%,#30383f 58% 75%,transparent 75%);clip-path:polygon(0 33%,10% 8%,22% 40%,35% 0,47% 35%,62% 10%,76% 42%,89% 4%,100% 35%,100% 100%,0 100%); }
.thumb-car { background:linear-gradient(155deg,#e7daca,#a19381); }
.thumb-car:before { width:94px;height:34px;border-radius:40px 45px 12px 12px;background:#303742;left:16px;bottom:25px;box-shadow:0 9px 16px rgba(0,0,0,.3); }
.thumb-car:after { width:12px;height:12px;border-radius:50%;background:#111;left:32px;bottom:19px;box-shadow:59px 0 #111; }
.thumb-health { background:linear-gradient(145deg,#d7f1e5,#6abf9f); }
.thumb-health:before { width:55px;height:55px;border-radius:50%;border:12px solid rgba(255,255,255,.85);top:15px;left:24px; }
.thumb-sport { background:linear-gradient(145deg,#2c3457,#ef5b56); }
.thumb-sport:before { width:62px;height:62px;border-radius:50%;background:repeating-radial-gradient(circle,#f4a441 0 3px,#c86e24 4px 6px);left:34px;top:24px; }
.thumb-film { background:linear-gradient(145deg,#37233d,#ba618c); }
.thumb-film:before { width:60px;height:72px;background:#f4d8c5;bottom:-12px;left:32px;border-radius:50% 50% 8px 8px;box-shadow:0 -10px 24px rgba(255,196,226,.4); }
.feed-content { display:flex;height:100%;flex-direction:column;min-width:0; }
.feed-content .category-tag { font-size:10px; }
.feed-content h3 { margin:5px 0 4px;font-size:13px;line-height:1.4;letter-spacing:-.01em;min-width:0; }
.news-title-button { width:100%;padding:0;background:transparent;text-align:left;font-weight:650;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.news-title-button:hover { color:var(--violet-dark); }
.feed-content p { margin:0;color:#85868e;font-size:10px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere; }
.feed-content footer { margin-top:auto;padding-top:5px;display:flex;justify-content:space-between;color:#aaa;font-size:8px; }
.feed-content footer span:last-child { display:flex;gap:5px;align-items:center; }
.feed-content footer svg { width:13px; }
.feed-placeholder { border-color:#eeeeF1;background:linear-gradient(#f0f0f2 0 8px,transparent 8px 20px,#ececef 20px 30px,transparent 30px 40px,#f4f4f6 40px 47px,transparent 47px 54px,#f4f4f6 54px 61px,transparent 61px);background-size:calc(100% - 28px) 100%;background-repeat:no-repeat;background-position:14px 12px;box-shadow:none!important;transform:none!important; }
.feed-empty-state { grid-column:1/-1;min-height:120px;border:1px dashed var(--line);border-radius:12px;background:#fbfbfc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);text-align:center; }.feed-empty-state b { color:var(--text);font-size:14px; }.feed-empty-state span { font-size:12px; }
.side-column { min-height:0;display:flex;flex-direction:column;gap:14px; }
.side-column.is-height-synced { overflow:hidden; }
.topic-card { min-height:0;padding:20px;display:flex;flex:1;flex-direction:column;overflow:hidden; }
.topic-title { margin-bottom:12px; }.topic-title>div>span { color:#f17645; }.topic-title h3,.topic-title small { display:block; }.topic-title h3 { font-size:17px; }.topic-title small { color:#92939a;font-size:10px;line-height:1.4;margin-top:4px;white-space:nowrap; }.topic-switch { display:flex;flex-wrap:wrap;gap:4px;background:#f3f3f5;border-radius:9px;padding:4px;margin-bottom:8px;overflow:visible; }.topic-switch button { flex:1 0 auto;min-width:max-content;height:30px;padding:0 8px;border-radius:7px;background:transparent;color:#7e7f87;font-size:11px;white-space:nowrap; }.topic-switch button.active { background:white;color:var(--violet-dark);font-weight:650;box-shadow:0 2px 6px rgba(30,28,45,.08); }
.topic-list { min-height:0;display:flex;flex:1 1 auto;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d9d6e4 transparent; }
.topic-list button { flex:0 0 58px;min-height:58px;display:flex;align-items:center;gap:11px;background:transparent;text-align:left;padding:7px 0;border-bottom:1px solid #f0f0f2;overflow:hidden; }
.topic-list button:last-child { border:0; }
.topic-list button>span { width:30px;height:30px;border-radius:9px;background:#f0edff;color:var(--violet);display:grid;place-items:center;font-weight:700; }
.topic-list div { min-width:0; }
.topic-list b { font-size:14px;line-height:1.45;font-weight:650;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere; }
.newsletter { padding:9px 10px;background:linear-gradient(145deg,#faf8ff,#efebff);border-color:#e5defe;display:grid;grid-template-columns:18px minmax(0,1fr) 120px;align-items:center;gap:7px; }
.newsletter>span { display:grid;place-items:center;color:var(--violet); }
.newsletter>span svg { width:17px; }
.newsletter h3 { font-size:10px;margin:0;line-height:1.35; }
.newsletter p { display:none; }
.newsletter>div { height:30px;display:flex;background:white;border:1px solid #e0dbf1;border-radius:8px;padding:2px; }
.newsletter input { min-width:0;width:100%;padding:4px 5px;font-size:8px;background:transparent; }
.newsletter button { padding:0 7px;border-radius:6px;background:var(--violet);color:white;font-size:9px;font-weight:600; }

/* Article detail */
.article-page { padding:25px 0 80px; }.article-toolbar { height:44px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px; }.article-toolbar>button { display:flex;align-items:center;gap:6px;background:transparent;color:#73757c;font-size:11px; }.article-toolbar svg { width:16px; }.article-toolbar>div { display:flex;gap:7px; }.article-toolbar>div button { width:34px;height:34px;border-radius:9px;background:white;border:1px solid var(--line);display:grid;place-items:center;color:#777; }
.article-layout { max-width:880px;margin:0 auto; }.article-main { background:white;border:1px solid var(--line);border-radius:20px;padding:38px; }.article-header h1 { font-size:clamp(28px,3vw,40px);line-height:1.3;letter-spacing:-.04em;margin:13px 0 12px; }.article-byline { display:flex;align-items:center;margin-top:23px;padding-top:18px;border-top:1px solid #f0f0f2; }.source-avatar { width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,#7f69ed,#5539c6);color:white;display:grid;place-items:center;font-size:12px;font-weight:700;margin-right:9px; }.article-byline b,.article-byline small { display:block; }.article-byline b { font-size:10px; }.article-byline small { color:#aaa;font-size:8px;margin-top:3px; }.read-time { margin-left:auto;color:#999;font-size:9px; }
.article-summary { margin:28px 0;padding:24px 26px;border-radius:15px;background:#f8f7fc;border:1px solid #e9e6f3; }.article-summary h2 { margin:0 0 12px;font-size:19px;letter-spacing:-.02em; }.article-summary p { margin:0;color:#4f5058;font-size:15px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere; }
.article-cover { height:330px;border-radius:16px;margin:28px 0;position:relative;overflow:hidden; }.article-cover>div { position:absolute;left:24px;bottom:22px;color:white;z-index:3;text-shadow:0 2px 12px rgba(0,0,0,.25); }.article-cover>div span,.article-cover>div b { display:block; }.article-cover>div span { font-size:8px;letter-spacing:.2em;opacity:.75; }.article-cover>div b { font-size:17px;margin-top:6px; }.article-cover:after { content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(15,16,25,.52)); }
.article-body { font-size:14px;line-height:1.95;color:#3f4148; }.article-body h2 { color:#202126;font-size:21px;margin:32px 0 10px;letter-spacing:-.02em; }.article-body p { margin:0 0 18px; }.article-body blockquote { border-left:3px solid var(--violet);background:#f7f5ff;margin:25px 0;padding:15px 18px;color:#5e5874;border-radius:0 10px 10px 0; }
.article-source-box { margin-top:35px;padding:15px;border:1px solid #e0dcf3;background:#faf9ff;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:15px; }.article-source-box>div { display:flex;align-items:center;gap:10px; }.article-source-box>div>span { color:var(--violet); }.article-source-box b,.article-source-box p { display:block;margin:0; }.article-source-box b { font-size:10px; }.article-source-box p { color:#999;font-size:8px;margin-top:4px; }.article-source-box a { height:38px;padding:0 14px;border-radius:9px;background:var(--violet);color:white;text-decoration:none;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;white-space:nowrap; }.article-source-box a svg { width:14px; }.article-source-box a.disabled { background:#bbb;cursor:not-allowed; }
.article-aside { position:sticky;top:96px;display:flex;flex-direction:column;gap:13px; }.article-ai-card { padding:20px;border-radius:16px;background:linear-gradient(145deg,#29263a,#43366d);color:white; }.article-ai-card>span { color:#b7a8ff; }.article-ai-card h3 { font-size:15px;margin:15px 0 7px; }.article-ai-card p { color:#bbb6cb;font-size:10px;line-height:1.6;margin:0 0 15px; }.article-ai-card button { width:100%;height:36px;border-radius:9px;background:white;color:#5140af;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:600; }.article-ai-card button svg { width:14px; }.article-outline { padding:18px; }.article-outline h3 { font-size:12px;margin:0 0 12px; }.article-outline a { display:block;color:#7f8087;text-decoration:none;font-size:10px;padding:8px 0;border-top:1px solid #f0f0f2; }.article-outline a:hover { color:var(--violet); }

.article-cover { background:radial-gradient(circle at 72% 32%,#9e96ec,transparent 18%),linear-gradient(145deg,#171928,#59649b); }.article-cover:before { content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.45);border-radius:46px;transform:rotate(45deg);top:48px;right:16%;left:auto;box-shadow:0 0 70px rgba(143,140,255,.7); }

.article-primary-actions { display:flex;align-items:center;gap:8px;margin-top:19px; }.article-primary-actions a,.article-primary-actions button { height:40px;padding:0 16px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:11px;font-weight:600; }.article-primary-actions a { background:var(--violet);color:white;box-shadow:0 8px 20px rgba(94,66,205,.2); }.article-primary-actions button { background:#f0edff;color:var(--violet-dark); }.article-primary-actions svg { width:15px; }.article-primary-actions a.disabled { background:#aaa;box-shadow:none; }

/* Weather & safety */
.weather-page { padding:44px 0 70px; }
.weather-heading { align-items:flex-end; }.weather-heading h1 { margin:0;font-size:34px;letter-spacing:-.04em; }.weather-heading>div>p:last-child { margin:10px 0 0;color:#85868d;font-size:13px; }
.weather-actions { display:flex;align-items:center;gap:9px; }.location-switch { height:43px;padding:0 11px;border-radius:12px;background:white;border:1px solid var(--line);display:flex;align-items:center;gap:8px;text-align:left;box-shadow:0 5px 15px rgba(20,20,35,.04); }.location-switch>span:first-child { color:var(--violet); }.location-switch svg { width:16px; }.location-switch b,.location-switch small { display:block; }.location-switch b { font-size:11px; }.location-switch small { color:#aaa;font-size:8px;margin-top:2px; }.location-switch>i { color:#aaa; }.location-switch>i svg { width:12px; }
.location-picker { width:min(620px,calc(100% - 28px));position:absolute;right:max(24px,calc((100vw - 1220px)/2));top:142px;z-index:45;background:white;border:1px solid #e1ddec;border-radius:16px;padding:14px;box-shadow:0 20px 55px rgba(28,24,48,.17); }.location-search { height:42px;border:1px solid #dedbe9;border-radius:11px;display:flex;align-items:center;padding:0 10px; }.location-search>span { color:var(--violet); }.location-search svg { width:16px; }.location-search input { flex:1;min-width:0;padding:0 9px;font-size:12px; }.location-search button { background:transparent;color:#aaa; }.location-cascade { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:13px 0 2px; }.location-cascade label>span { display:block;margin:0 0 5px 2px;color:#92939a;font-size:9px;font-weight:600; }.location-cascade select { width:100%;height:38px;border:1px solid #dedbe9;border-radius:10px;padding:0 28px 0 9px;background:#fafafd;color:#393a40;font-size:11px;outline:0; }.popular-locations p { color:#aaa;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin:14px 0 8px; }.popular-locations>div { display:flex;gap:7px;flex-wrap:wrap; }.popular-locations button { background:#f4f3f8;border-radius:8px;padding:6px 10px;font-size:10px; }.location-results { max-height:240px;overflow:auto;margin-top:10px; }.location-results>p { color:#aaa;font-size:10px;text-align:center;padding:15px 0;margin:0; }.location-results button { width:100%;background:transparent;padding:10px 8px;border-top:1px solid #f0f0f2;display:flex;align-items:center;justify-content:space-between;text-align:left; }.location-results b,.location-results small { display:block; }.location-results b { font-size:11px; }.location-results small { color:#aaa;font-size:8px;margin-top:3px; }.location-results button>span:last-child { color:#aaa;font-size:9px; }
.weather-refresh { height:43px;padding:0 14px;border-radius:12px;background:white;border:1px solid var(--line);display:grid;grid-template-columns:20px auto;grid-template-rows:1fr 1fr;column-gap:8px;text-align:left;box-shadow:0 5px 15px rgba(20,20,35,.04); }.weather-refresh>span { grid-row:1/3;color:var(--violet);align-self:center; }.weather-refresh svg { width:17px; }.weather-refresh b { font-size:11px;align-self:end; }.weather-refresh small { color:#aaa;font-size:8px;align-self:start; }
.weather-refresh.loading svg,[data-quake-refresh].loading svg { animation:spin .65s linear infinite; }@keyframes spin{to{transform:rotate(360deg)}}
.weather-dashboard { display:grid;grid-template-columns:1.45fr .8fr;gap:16px; }
.current-weather-card { min-height:315px;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:42% 58%;background:linear-gradient(135deg,#364a67,#242b3c);color:white;box-shadow:0 16px 40px rgba(28,35,60,.14);transition:background .7s ease; }.weather-theme-clear{background:linear-gradient(135deg,#416b98,#273c59)}.weather-theme-partly-cloudy,.weather-theme-cloudy{background:linear-gradient(135deg,#526a88,#303b4e)}.weather-theme-overcast,.weather-theme-fog{background:linear-gradient(135deg,#606d79,#343d47)}.weather-theme-light-rain,.weather-theme-heavy-rain,.weather-theme-downpour{background:linear-gradient(135deg,#344d68,#202b3a)}.weather-theme-thunderstorm{background:linear-gradient(135deg,#283247,#161b2a)}.weather-theme-light-snow,.weather-theme-heavy-snow,.weather-theme-blizzard{background:linear-gradient(135deg,#66849e,#344b62)}
.weather-card-sky { position:relative;overflow:hidden;background:#6687ad;isolation:isolate; }.weather-scene { position:absolute;inset:0;overflow:hidden;background:linear-gradient(165deg,#5ea8ec 0%,#91c9f2 55%,#d9e6e6 100%);transition:background .7s ease; }.weather-scene>svg { position:absolute;inset:0;width:100%;height:100%; }.scene-sun { transform-origin:365px 96px;animation:weatherSun 7s ease-in-out infinite;filter:drop-shadow(0 0 22px rgba(255,220,115,.7)); }.scene-cloud { animation:weatherCloud 12s ease-in-out infinite;filter:drop-shadow(0 8px 10px rgba(43,63,83,.16));transition:opacity .6s ease,filter .6s ease; }.scene-cloud-back { opacity:.72;animation-delay:-5s; }.scene-cloud-front { animation-duration:16s; }.scene-horizon { fill:#405a70;opacity:.66;transition:fill .6s ease; }
.scene-clear .scene-cloud { opacity:.12; }.scene-clear .scene-horizon { fill:#3f6680;opacity:.58; }
.scene-cloudy { background:linear-gradient(165deg,#6f8ca8,#9bb0c2 58%,#c8d1d4); }.scene-cloudy .scene-sun { opacity:.45; }.scene-cloudy .scene-cloud-back { opacity:.94; }
.scene-overcast { background:linear-gradient(165deg,#65727e,#87939e 58%,#adb7bc); }.scene-overcast .scene-sun,.scene-fog .scene-sun { opacity:0; }.scene-overcast .scene-cloud { opacity:1;filter:brightness(.75) drop-shadow(0 9px 10px rgba(29,37,43,.2)); }
.scene-fog { background:linear-gradient(165deg,#91a3ad,#b5c1c5); }.scene-fog:after { content:"";position:absolute;inset:25% -15%;background:repeating-linear-gradient(0deg,transparent 0 24px,rgba(255,255,255,.5) 25px 38px);filter:blur(7px);animation:weatherFog 8s ease-in-out infinite; }.scene-fog .scene-cloud { opacity:.25; }
.scene-light-rain,.scene-heavy-rain,.scene-downpour { background:linear-gradient(165deg,#496b87,#71899c 55%,#87969e); }.scene-heavy-rain,.scene-downpour { background:linear-gradient(165deg,#314d69,#536b80 55%,#687983); }.scene-light-rain .scene-sun,.scene-heavy-rain .scene-sun,.scene-downpour .scene-sun,.scene-thunderstorm .scene-sun { opacity:0; }.scene-light-rain .scene-cloud,.scene-heavy-rain .scene-cloud,.scene-downpour .scene-cloud,.scene-thunderstorm .scene-cloud { opacity:1;filter:brightness(.62) drop-shadow(0 10px 12px rgba(20,29,38,.3)); }
.scene-rain { position:absolute;inset:-40% -20%;opacity:0;transform:rotate(10deg);background-image:repeating-linear-gradient(90deg,transparent 0 18px,rgba(218,238,255,.74) 19px 20px,transparent 21px 37px);background-size:38px 30px;animation:weatherRain .7s linear infinite; }.scene-light-rain .scene-rain{opacity:.45}.scene-heavy-rain .scene-rain{opacity:.72;background-size:27px 23px;animation-duration:.48s}.scene-downpour .scene-rain,.scene-thunderstorm .scene-rain{opacity:.9;background-size:19px 18px;animation-duration:.34s}
.scene-thunderstorm { background:linear-gradient(165deg,#202c43,#45546a 58%,#59646d); }.scene-lightning { display:block;position:absolute;left:58%;top:43%;width:27px;height:78px;opacity:0;background:#fff4a4;clip-path:polygon(44% 0,100% 0,64% 39%,95% 39%,18% 100%,38% 53%,0 53%);filter:drop-shadow(0 0 10px #fff1a3); }.scene-thunderstorm .scene-lightning { animation:weatherLightning 4.6s steps(1) infinite; }
.scene-light-snow,.scene-heavy-snow,.scene-blizzard { background:linear-gradient(165deg,#789bb7,#a5bccd 58%,#d9e3e7); }.scene-light-snow .scene-sun,.scene-heavy-snow .scene-sun,.scene-blizzard .scene-sun { opacity:.2; }.scene-snow { position:absolute;inset:-40px;opacity:0;background-image:radial-gradient(circle,#fff 0 2px,transparent 2.5px),radial-gradient(circle,rgba(255,255,255,.78) 0 1.5px,transparent 2px);background-size:37px 37px,53px 53px;background-position:0 0,18px 12px;animation:weatherSnow 8s linear infinite; }.scene-light-snow .scene-snow{opacity:.58}.scene-heavy-snow .scene-snow{opacity:.88;background-size:28px 28px,41px 41px;animation-duration:5s}.scene-blizzard .scene-snow{opacity:1;background-size:20px 20px,31px 31px;animation-duration:2.8s;transform:rotate(12deg)}
@keyframes weatherSun{50%{transform:scale(1.06);filter:drop-shadow(0 0 32px rgba(255,225,125,.9))}}@keyframes weatherCloud{50%{transform:translateX(14px)}}@keyframes weatherFog{50%{transform:translateX(7%)}}@keyframes weatherRain{to{background-position:0 60px}}@keyframes weatherSnow{to{background-position:30px 110px,-25px 95px}}@keyframes weatherLightning{0%,7%,10%,100%{opacity:0}8%,11%{opacity:1}}
@media (prefers-reduced-motion:reduce){.scene-sun,.scene-cloud,.scene-rain,.scene-snow,.scene-lightning,.scene-fog:after{animation:none!important}}
.weather-sun.large { width:92px;height:92px;right:36px;top:58px; }.large-cloud { width:130px;right:12px;top:125px;z-index:1; }.large-cloud:before { width:42px;height:42px; }.large-cloud:after { width:32px;height:32px; }
.location-pill { position:absolute;left:16px;top:16px;padding:7px 10px;border-radius:20px;background:rgba(35,42,61,.28);backdrop-filter:blur(8px);font-size:10px;display:flex;align-items:center;gap:5px;z-index:2; }.location-pill svg { width:13px; }
.current-weather-copy { padding:34px;display:flex;flex-direction:column; }.temperature { display:flex;align-items:center;gap:16px; }.temperature>strong { font-size:68px;line-height:1;font-weight:400;letter-spacing:-.08em; }.temperature b,.temperature small { display:block; }.temperature b { font-size:18px;margin-bottom:7px; }.temperature small { color:#aeb5c8;font-size:10px; }.current-weather-copy>p { color:#c4c8d4;font-size:12px;line-height:1.7;margin:22px 0;max-width:440px; }
.weather-metrics { margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }.weather-metrics>div { padding:10px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;grid-template-columns:18px 1fr;gap:2px 6px; }.weather-metrics svg { width:15px;color:#a7b6df;grid-row:1/3;align-self:center; }.weather-metrics small,.weather-metrics b { display:block; }.weather-metrics small { color:#9ea6bb;font-size:8px; }.weather-metrics b { font-size:12px; }.quality-good { color:#69d7a4; }
.weather-alert-card { padding:22px;display:flex;flex-direction:column; }.safe-icon { color:#37ac80; }.status-safe { font-size:9px;color:#37a477;background:#e9f8f1;border-radius:20px;padding:6px 8px;display:flex;align-items:center;gap:5px; }.status-safe i { width:5px;height:5px;border-radius:50%;background:#3db084; }.safe-state { margin:auto;text-align:center; }.safe-state>span { margin:auto;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e9f8f2;color:#36a67c;box-shadow:0 0 0 9px #f5fbf8; }.safe-state>span svg { width:24px; }.safe-state h2 { font-size:17px;margin:20px 0 6px; }.safe-state p { margin:0;color:#999;font-size:10px; }.weather-alert-card footer { display:flex;justify-content:space-between;color:#b0b0b6;font-size:8px;border-top:1px solid #f0f0f2;padding-top:12px; }
.latest-quake-card { padding:19px 20px 12px;display:flex;flex-direction:column;min-width:0; }.latest-quake-card .card-title { margin-bottom:3px; }.latest-quake-card .card-title small { color:#aaa;font-size:9px; }.latest-quake-card .card-title button { background:transparent;color:#999;font-size:10px;display:flex;align-items:center;gap:5px; }.latest-quake-card .card-title button svg { width:12px; }.latest-quake-list { flex:1;display:flex;flex-direction:column;justify-content:center; }.latest-quake-list article { min-height:48px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #f0f0f2;padding:6px 0; }.latest-quake-list article:last-child { border:0; }.latest-quake-list article>b { width:38px;height:38px;border-radius:9px;background:#fff0ec;color:#df5c49;display:grid;place-items:center;font-size:15px; }.latest-quake-list strong,.latest-quake-list article>div>span { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.latest-quake-list strong { font-size:13px;line-height:1.35;margin-bottom:3px; }.latest-quake-list article>div>span { color:#777983;font-size:11px; }.latest-quake-list article>small { color:#7765c9;background:#f1edff;border-radius:5px;padding:4px 6px;font-size:9px; }.latest-quake-card footer { display:flex;justify-content:space-between;border-top:1px solid #f0f0f2;padding-top:9px;color:#888;font-size:10px; }
.hourly-section { margin-top:16px;padding:20px 22px; }.hourly-section>.card-title { margin-bottom:18px; }.hourly-list { display:grid;grid-template-columns:repeat(8,1fr); }.hourly-list>div { text-align:center;border-right:1px solid #f0f0f2;padding:4px 8px; }.hourly-list>div:last-child { border:0; }.hourly-list b,.hourly-list strong,.hourly-list small { display:block; }.hourly-list b { color:#92939a;font-size:9px;margin-bottom:12px; }.hourly-list svg { margin:0 auto 10px;color:#f2a43d;width:24px;height:24px; }.hourly-list strong { font-size:18px; }.hourly-list small { color:#aaa;font-size:8px;margin-top:4px; }.hourly-list .now { background:#f4f1ff;border-radius:11px;border:0;padding-top:9px;padding-bottom:9px; }.hourly-list .now b,.hourly-list .now svg { color:var(--violet); }
.safety-grid { display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px;align-items:start; }.earthquake-panel,.quake-list-card { padding:21px; }.earthquake-panel .card-title small { color:#aaa;font-size:8px; }.quake-icon { color:#ef6b58; }.earthquake-panel .card-title button,[data-quake-refresh] { background:transparent;color:#999;font-size:10px;display:flex;align-items:center;gap:5px; }.earthquake-panel .card-title button svg { width:13px; }
.quake-map { height:430px;border-radius:13px;position:relative;overflow:hidden;background:#e7ece8;z-index:1; }.map-loading { position:absolute;inset:0;z-index:401;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#eef0e9,#e2e8e3);color:#7b847e; }.map-loading svg { width:25px;color:var(--violet);margin-bottom:9px; }.map-loading b { font-size:11px; }.map-loading small { font-size:8px;margin-top:4px;color:#9ca39e; }.leaflet-container { font-family:inherit;background:#e7ece8; }.quake-map .leaflet-control-attribution { font-size:7px; }.quake-map .leaflet-popup-content { margin:10px 12px;font-size:11px;line-height:1.5; }.quake-map .leaflet-popup-content b { font-size:13px; }.quake-map .leaflet-control-zoom a { width:27px;height:27px;line-height:27px;font-size:16px; }.quake-map-label { max-width:130px!important;padding:4px 6px!important;border:0!important;border-radius:7px!important;background:rgba(74,76,83,.92)!important;color:white!important;box-shadow:0 3px 10px rgba(0,0,0,.18)!important; }.quake-map-label.minor{background:rgba(191,130,32,.94)!important}.quake-map-label.medium{background:rgba(211,82,59,.94)!important}.quake-map-label.major{background:rgba(166,37,49,.95)!important}.quake-map-label:before { display:none!important; }.quake-map-label b,.quake-map-label span { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.quake-map-label b { font-size:10px; }.quake-map-label span { max-width:110px;font-size:8px;opacity:.9; }
.quake-fallback-map { position:absolute;inset:0;overflow:hidden;background:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)),repeating-linear-gradient(0deg,transparent 0 49px,rgba(82,108,108,.08) 49px 50px),repeating-linear-gradient(90deg,transparent 0 59px,rgba(82,108,108,.08) 59px 60px),#dce9e7; }.quake-fallback-map>svg { position:absolute;inset:0;width:100%;height:100%; }.quake-fallback-map path { fill:#eef0e7;stroke:#879b94;stroke-width:2;vector-effect:non-scaling-stroke; }.quake-fallback-map .japan-outline,.quake-fallback-map .island-outline { fill:#f2eee2; }.map-place { position:absolute;color:#66746f;font-size:10px;font-weight:600;text-shadow:0 1px white;pointer-events:none; }.place-china{left:40%;top:47%;font-size:15px;letter-spacing:.25em}.place-beijing{left:56%;top:36%}.place-shanghai{left:58%;top:59%}.place-taipei{left:59%;top:76%}.place-japan{left:81%;top:50%;font-size:13px;letter-spacing:.18em}.place-tokyo{left:84%;top:65%}.fallback-quake-marker { position:absolute;width:10px;height:10px;padding:0;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);background:#efb347;box-shadow:0 2px 6px rgba(30,37,42,.34);z-index:3; }.fallback-quake-marker.medium{background:#ed765e}.fallback-quake-marker.major{width:13px;height:13px;background:#c83e45}.fallback-quake-marker>span { position:absolute;left:50%;bottom:10px;max-width:112px;padding:4px 6px;border-radius:6px;background:rgba(191,130,32,.94);color:white;text-align:left;transform:translateX(-50%);box-shadow:0 3px 10px rgba(0,0,0,.16);pointer-events:none; }.fallback-quake-marker.medium>span{background:rgba(211,82,59,.94)}.fallback-quake-marker.major>span{background:rgba(166,37,49,.95)}.fallback-quake-marker>span b,.fallback-quake-marker>span small { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.fallback-quake-marker>span b{font-size:9px}.fallback-quake-marker>span small{max-width:96px;font-size:7px;opacity:.9}.fallback-map-note { position:absolute;left:10px;bottom:8px;padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.82);color:#68716e;font-size:8px;z-index:5; }
.quake-legend { display:flex;align-items:center;gap:15px;margin-top:12px;color:#97999d;font-size:8px; }.quake-legend span { display:flex;align-items:center;gap:5px; }.quake-legend i { width:6px;height:6px;border-radius:50%; }.quake-legend .minor{background:#efb347}.quake-legend .medium{background:#ed765e}.quake-legend .major{background:#c83e45}.quake-legend small { margin-left:auto;color:#b3b3b7; }
.quake-list-heading small { color:#aaa;font-size:8px; }.quake-region-tabs { display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#f2f2f4;padding:3px;border-radius:9px;margin:10px 0 6px; }.quake-region-tabs button { background:transparent;border-radius:7px;height:29px;color:#888;font-size:10px; }.quake-region-tabs button.active { background:white;color:var(--violet-dark);font-weight:600;box-shadow:0 2px 7px rgba(30,28,45,.08); }
.quake-list.loading-list { opacity:.45;transition:.2s; }
.quake-list-card .quake-list { max-height:590px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#d9d6e4 transparent; }.new-badge { display:inline-flex!important;align-items:center;justify-content:center;height:18px;padding:0 6px;margin-left:7px;border-radius:5px;background:#ff6655;color:white;font-size:9px!important;font-style:normal;font-weight:700;line-height:18px;letter-spacing:.04em;vertical-align:2px;overflow:visible!important; }
.quake-list { display:flex;flex-direction:column; }.quake-list article { display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid #efeff1; }.quake-list article:last-child { border:0; }.magnitude { width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700; }.magnitude small { font-size:8px;margin-left:1px; }.magnitude.medium { background:#fff0ec;color:#e4614d; }.magnitude.minor { background:#fff7e9;color:#d9932d; }.magnitude.major { background:#fde9ec;color:#c73745; }.quake-list article b { font-size:15px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }.quake-list article p { margin:6px 0;color:#656871;font-size:11px;line-height:1.45; }.quake-list article div>small { display:block;color:#7765c9;font-size:11px;font-weight:500;line-height:1.45; }.data-disclaimer { margin:16px 0 0;color:#93949a;font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px; }.data-disclaimer svg { width:13px; }

/* Agent */
#page-agent { height:calc(100vh - 72px);height:calc(100dvh - 72px);min-height:0;overflow:hidden;background:white; }
#page-agent.active { position:fixed;inset:72px 0 0;z-index:40;height:auto; }
body.agent-page-open,body:has(#page-agent.active) { overflow:hidden; }
.agent-layout { height:100%;min-height:0;overflow:hidden;display:grid;grid-template-columns:260px minmax(500px,1fr) 270px; }
.conversation-sidebar,.capability-panel { background:#fafafd;border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column; }
.agent-title,.agent-title>div,.capability-head>div { display:flex;align-items:center;justify-content:space-between; }
.agent-title>div,.capability-head>div { justify-content:flex-start;gap:10px; }
.agent-title b,.capability-head b { display:block;font-size:14px; }
.agent-title small,.capability-head small { display:block;color:#999aa1;font-size:10px;margin-top:3px; }
.ai-logo { width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#806afa,#5e3ed7);color:white;display:grid;place-items:center;box-shadow:0 6px 14px rgba(100,72,220,.24); }
.ai-logo svg { width:18px; }
.new-chat { width:100%;height:43px;background:#24232a;color:white;border-radius:11px;margin:21px 0;display:flex;align-items:center;padding:0 13px;gap:9px;font-size:12px;font-weight:600; }
.new-chat svg { width:16px; }
kbd { border:1px solid #dbdbe1;background:#fff;color:#95969d;border-radius:5px;font-family:inherit;font-size:9px;padding:2px 5px;box-shadow:0 1px 0 #d6d6da; }
.new-chat kbd { margin-left:auto;background:#3a3941;border-color:#505059;color:#c9c8cf;box-shadow:none; }
.conversation-history { min-height:0;flex:1;overflow-y:auto;scrollbar-width:thin; }
.history-group { margin-bottom:17px; }
.history-group p,.capability-section p { text-transform:uppercase;letter-spacing:.08em;color:#aaaab1;font-size:9px;font-weight:700;margin:0 0 7px;padding:0 8px; }
.history-row { display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;border-radius:9px; }
.history-row:hover,.history-row.active { background:#ece9fc; }
.history-open { width:100%;height:40px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;background:transparent;text-align:left;padding:0 5px 0 9px;color:#686970;font-size:11px; }
.history-open span:nth-child(2) { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.history-open svg,.history-delete svg { width:14px; }
.history-row.active .history-open { color:#5743c0;font-weight:600; }
.history-delete { width:25px;height:28px;border-radius:7px;background:transparent;color:#aaa;display:grid;place-items:center;opacity:0;transition:.15s; }
.history-row:hover .history-delete,.history-row.active .history-delete { opacity:1; }.history-delete:hover { background:#fff;color:#d05252; }
.history-empty { padding:18px 9px;color:#aaa;font-size:10px;line-height:1.6;text-align:center; }
.sidebar-account { margin-top:auto;border-top:1px solid var(--line);padding:16px 4px 0;display:grid;grid-template-columns:35px 1fr 25px;gap:9px;align-items:center; }
.sidebar-account b,.sidebar-account small { display:block; }
.sidebar-account b { font-size:11px; }.sidebar-account small { font-size:9px;color:#999; margin-top:3px; }
.sidebar-account button { background:transparent;color:#999; }.sidebar-account button svg { width:16px; }
.chat-workspace { min-width:0;min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative;background:radial-gradient(circle at 50% 20%,rgba(240,237,255,.6),transparent 35%),#fff; }
.mobile-agent-head { display:none; }
.mode-switch { margin:17px auto 0;padding:4px;background:#f1f1f4;border-radius:12px;display:flex;gap:2px;z-index:2; }
.mode-switch button { background:transparent;border-radius:9px;padding:7px 13px;display:flex;align-items:center;gap:6px;font-size:11px;color:#84858c;font-weight:600; }
.mode-switch button svg { width:14px; }
.mode-switch button.active { background:white;color:var(--violet-dark);box-shadow:0 2px 8px rgba(20,20,30,.08); }
.chat-scroll { min-height:0;height:0;flex:1 1 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:30px max(22px,calc((100% - 700px)/2));scrollbar-gutter:stable; }
.chat-intro { min-height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;padding-bottom:30px; }
.intro-orb { width:58px;height:58px;border-radius:19px;background:linear-gradient(145deg,#f0edff,#d7cef9);display:grid;place-items:center;color:var(--violet);box-shadow:inset 0 0 0 1px #e6dffc,0 12px 30px rgba(94,62,210,.15); }
.intro-orb svg { width:27px;height:27px; }
.chat-intro h1 { margin:20px 0 8px;font-size:28px;letter-spacing:-.04em; }
.chat-intro>p { color:#95969d;margin:0;font-size:12px; }
.prompt-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(620px,100%);margin-top:30px; }
.prompt-grid button { display:grid;grid-template-columns:38px 1fr 16px;gap:11px;align-items:center;text-align:left;background:white;border:1px solid var(--line);border-radius:14px;padding:13px;transition:.2s; }
.prompt-grid button:hover { border-color:#cfc6f7;transform:translateY(-2px);box-shadow:0 8px 20px rgba(49,38,100,.06); }
.prompt-grid button>i { color:#bbb; }.prompt-grid button>i svg { width:14px; }
.prompt-icon,.cap-icon { width:38px;height:38px;display:grid;place-items:center;border-radius:11px; }
.prompt-icon svg,.cap-icon svg { width:18px; }.violet { background:#f0edff;color:#6a50dd; }.orange { background:#fff0e9;color:#ef713e; }.blue { background:#eaf3ff;color:#4d88e5; }.green { background:#e9f8f2;color:#2b9e77; }.pink { background:#ffedf3;color:#da608d; }
.prompt-grid b { display:block;font-size:11px;margin-bottom:4px; }.prompt-grid small { color:#aaa;font-size:9px; }
.composer-wrap { width:min(720px,calc(100% - 42px));margin:0 auto 12px; }
.composer { padding:12px 12px 9px 14px;background:white;border:1px solid #dddde2;border-radius:18px;box-shadow:0 9px 30px rgba(30,30,55,.09); }
.composer:focus-within { border-color:#b9acf4;box-shadow:0 9px 30px rgba(89,63,202,.11),0 0 0 3px rgba(109,85,232,.08); }
.composer textarea { width:100%;resize:none;min-height:27px;max-height:120px;font-size:13px;padding:3px 2px;background:transparent;color:var(--ink); }
.composer textarea::placeholder { color:#aaaab0; }
.composer-actions { display:flex;align-items:center;justify-content:space-between;margin-top:6px; }
.composer-actions>div { display:flex;align-items:center;gap:6px; }
.attach-button { width:29px;height:29px;border-radius:8px;background:#f3f3f5;display:grid;place-items:center; }.attach-button svg { width:15px; }
.model-select-wrap { min-width:0;display:flex;align-items:center;gap:5px;color:#777;font-size:10px; }.model-select-wrap i { width:6px;height:6px;border-radius:50%;background:#5ad293;flex:0 0 auto; }.model-select-wrap select { max-width:190px;border:0;background:transparent;color:#666;font:inherit;font-weight:600;appearance:none;padding:4px 0;outline:0; }.model-select-wrap svg { width:12px;pointer-events:none; }
.web-search-toggle { height:28px;padding:0 8px;border-radius:8px;background:#f3f3f5;color:#85868d;display:flex;align-items:center;gap:5px;cursor:pointer;font-size:9px;font-weight:600; }.web-search-toggle input { display:none; }.web-search-toggle svg { width:13px; }.web-search-toggle:has(input:checked) { color:#5743c0;background:#eeeaff;box-shadow:inset 0 0 0 1px #d9d0ff; }
.generation-actions { display:flex;align-items:center;gap:6px; }
.send-button { width:31px;height:31px;border-radius:9px;background:var(--violet);color:#fff;display:grid;place-items:center; }.send-button svg { width:17px; }
.stop-button { width:31px;height:31px;border-radius:9px;background:#292830;color:#fff;display:grid;place-items:center; }.stop-button svg { width:15px; }
.ai-note { text-align:center;color:#b0b0b5;font-size:9px;margin:8px 0 0; }
.upload-strip { border:1px solid #d8d0f8;background:#f7f5ff;border-radius:13px;padding:10px 12px;margin-bottom:7px;display:flex;justify-content:space-between;align-items:center;color:var(--violet); }
.upload-strip>div { display:flex;align-items:center;gap:9px; }.upload-strip b,.upload-strip small { display:block; }.upload-strip b { font-size:11px; }.upload-strip small { font-size:9px;color:#9b96aa;margin-top:2px; }.upload-strip button { background:transparent;color:#999; }
.messages { min-height:0;display:flex;flex-direction:column;gap:20px;padding-bottom:8px; }
.message { display:flex;gap:10px;max-width:90%;font-size:12px;line-height:1.7; }
.message.user { margin-left:auto;flex-direction:row-reverse; }.message.user .bubble { background:#ede9ff;color:#38314f;border-radius:15px 4px 15px 15px; }.message.ai .bubble { background:#f5f5f7;border-radius:4px 15px 15px 15px; }
.message .avatar { width:28px;height:28px;border-radius:9px;background:#6c53e4;color:white;display:grid;place-items:center;flex:0 0 auto; }.message.user .avatar { border-radius:50%;background:#292830; }
.message .avatar svg { width:15px; }.message-stack { min-width:0; }.message .bubble { min-width:0;padding:11px 14px;overflow-wrap:anywhere; }
.message-actions { display:flex;gap:4px;margin-top:5px;opacity:0;transition:.15s; }.message:hover .message-actions { opacity:1; }.message-actions button { width:25px;height:25px;border-radius:7px;background:transparent;color:#999;display:grid;place-items:center; }.message-actions button:hover { background:#f0f0f3;color:#5b48c5; }.message-actions svg { width:13px; }
.message .bubble p { margin:0 0 9px; }.message .bubble p:last-child { margin-bottom:0; }.message .bubble strong { font-weight:700; }.message .bubble code:not(pre code) { padding:2px 5px;border-radius:5px;background:rgba(40,38,52,.08);font:11px ui-monospace,SFMono-Regular,Menlo,monospace; }.message .bubble pre { position:relative;margin:9px 0 2px;padding:30px 13px 13px;border-radius:10px;background:#25242b;color:#f2f2f4;overflow:auto; }.message .bubble pre code { font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre; }.copy-code { position:absolute;right:7px;top:6px;border-radius:6px;background:#3d3b45;color:#d6d4dc;padding:3px 7px;font-size:8px; }.md-list-item { position:relative;padding-left:14px;margin:3px 0; }.md-list-item:before { content:'•';position:absolute;left:2px;color:var(--violet); }
.message-sources { margin-top:8px;padding:9px;border:1px solid #e5e3ec;border-radius:10px;background:#fff; }.message-sources>strong { display:block;margin-bottom:6px;color:#777983;font-size:9px; }.message-sources>div { display:grid;gap:5px; }.message-sources a { min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:center;padding:6px 7px;border-radius:7px;background:#f7f7f9;color:#4f5058;text-decoration:none;font-size:9px; }.message-sources a:hover { background:#f0edff;color:#5743c0; }.message-sources a>span:first-child { width:20px;height:20px;border-radius:6px;background:#eae6ff;color:#6048cb;display:grid;place-items:center;font-weight:700; }.message-sources a>span:last-child { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.search-status { color:#6d59cd;font-size:9px;margin-bottom:5px; }
.citation-link { color:#5e48c8;text-decoration:none;font-weight:700; }.citation-link:hover { text-decoration:underline; }
.generated-chat-image { display:block;width:min(430px,100%);height:auto;border-radius:12px; }.generated-image-note { display:block;margin-top:8px;color:#888;font-size:9px; }
.typing { display:flex;gap:4px;padding:4px 0; }.typing i { width:5px;height:5px;border-radius:50%;background:#9c9ca4;animation:bounce 1s infinite; }.typing i:nth-child(2){animation-delay:.14s}.typing i:nth-child(3){animation-delay:.28s}@keyframes bounce{50%{transform:translateY(-4px);opacity:.6}}
.capability-panel { border:0;border-left:1px solid var(--line);padding:20px 16px;overflow:auto; }
.capability-head { padding:0 5px 20px;border-bottom:1px solid var(--line);margin-bottom:18px; }
.capability-head>div>span { color:var(--violet); }.capability-head svg { width:20px; }
.capability-section { margin-bottom:20px; }
.capability-section button { width:100%;display:flex;align-items:center;gap:10px;background:transparent;border-radius:11px;padding:8px;text-align:left; }
.capability-section button:hover { background:white;box-shadow:0 5px 15px rgba(30,30,50,.05); }.capability-section .cap-icon { width:35px;height:35px;flex:0 0 auto; }.capability-section b,.capability-section small { display:block; }.capability-section b { font-size:11px;margin-bottom:3px; }.capability-section small { color:#aaa;font-size:9px; }
.quota-card { margin-top:auto;padding:14px;border:1px solid #e5e1f8;background:linear-gradient(145deg,#faf9ff,#f1eefe);border-radius:13px; }.quota-card>div { display:flex;align-items:center;gap:6px;font-size:10px; }.quota-card svg { color:var(--violet);width:15px; }.quota-card em { margin-left:auto;font-style:normal;color:var(--violet);font-size:10px;font-weight:600; }.quota-card>i { display:block;height:4px;background:#ddd8ef;border-radius:4px;margin:11px 0 7px;overflow:hidden; }.quota-card>i b { display:block;width:75%;height:100%;background:linear-gradient(90deg,#7e66eb,#a98df5);border-radius:4px; }.quota-card p { margin:0;color:#a4a1ad;font-size:8px; }

/* Settings */
.settings-page { padding:45px 0 80px; }.settings-header { display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px; }.settings-header h1 { margin:0;font-size:34px;letter-spacing:-.04em; }.settings-header>div>p:last-child { color:#888a92;font-size:12px;margin:9px 0 0; }.save-settings,.secondary-button { height:40px;padding:0 14px;border-radius:10px;background:#292830;color:white;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600; }.save-settings svg,.secondary-button svg { width:15px; }
.settings-layout { display:grid;grid-template-columns:225px 1fr;gap:18px;align-items:start; }.settings-nav { position:sticky;top:92px;background:white;border:1px solid var(--line);border-radius:16px;padding:10px; }.settings-nav>button { width:100%;height:54px;padding:0 10px;display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:center;background:transparent;border-radius:10px;text-align:left;color:#7b7c83; }.settings-nav>button>span:first-child svg { width:17px; }.settings-nav b,.settings-nav small { display:block; }.settings-nav b { font-size:11px;margin-bottom:3px; }.settings-nav small { color:#aaa;font-size:8px; }.settings-nav>button.active { background:#f0edff;color:var(--violet-dark); }.security-tip { margin-top:14px;border-radius:11px;background:#f7f5ff;padding:12px;display:flex;gap:8px;color:var(--violet); }.security-tip>span svg { width:15px; }.security-tip p { margin:0; }.security-tip b,.security-tip small { display:block; }.security-tip b { font-size:9px;margin-bottom:4px; }.security-tip small { color:#8e899d;font-size:8px;line-height:1.5; }
.settings-content { min-width:0; }.settings-panel { display:none; }.settings-panel.active { display:block;animation:pageIn .22s ease; }.panel-heading { min-height:66px;padding:0 4px 15px;display:flex;align-items:flex-start;justify-content:space-between; }.panel-heading h2 { font-size:20px;margin:0 0 6px; }.panel-heading p { margin:0;color:#92939a;font-size:10px; }.config-status { padding:6px 9px;border-radius:20px;background:#fff7e9;color:#c3842e;font-size:8px;display:flex;align-items:center;gap:5px; }.config-status i,.connection-status i { width:5px;height:5px;border-radius:50%;background:currentColor; }
.config-status.saved { background:#eaf8f2;color:#2f9f76; }
.panel-config-actions { display:flex;align-items:center;gap:9px; }.remember-key { height:28px;padding:0 9px;border-radius:20px;background:#f3f2f7;color:#777981;display:flex;align-items:center;gap:6px;font-size:8px;cursor:pointer; }.remember-key input { display:none; }.remember-key i { width:22px;height:13px;border-radius:10px;background:#c9c9cf;position:relative;transition:.2s; }.remember-key i:after { content:"";position:absolute;width:9px;height:9px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s; }.remember-key input:checked+i { background:var(--violet); }.remember-key input:checked+i:after { transform:translateX(9px); }
.search-config-card { margin-bottom:13px; }
.model-settings-grid { display:grid;grid-template-columns:1fr 1fr;gap:13px; }.config-card { background:white;border:1px solid var(--line);border-radius:16px;padding:18px; }.config-card-head { display:grid;grid-template-columns:39px 1fr auto;gap:10px;align-items:center;padding-bottom:15px;border-bottom:1px solid #f0f0f2; }.config-icon,.integration-icon { width:39px;height:39px;border-radius:11px;display:grid;place-items:center; }.config-icon svg,.integration-icon svg { width:18px; }.config-card-head h3,.config-card-head p { margin:0; }.config-card-head h3 { font-size:12px;margin-bottom:4px; }.config-card-head p { color:#999;font-size:8px; }.switch input { display:none; }.switch i { width:31px;height:18px;border-radius:20px;background:#d4d4da;display:block;position:relative;transition:.2s; }.switch i:after { content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:white;left:2px;top:2px;box-shadow:0 1px 4px rgba(0,0,0,.15);transition:.2s; }.switch input:checked+i { background:var(--violet); }.switch input:checked+i:after { transform:translateX(13px); }
.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:15px; }.form-grid label { display:block; }.form-grid label.full { grid-column:1/-1; }.form-grid label>span { display:block;color:#777981;font-size:9px;font-weight:600;margin:0 0 6px 2px; }.form-grid input,.form-grid select,.form-grid textarea,.general-settings input,.general-settings select { width:100%;height:36px;border:1px solid #e0e0e4;border-radius:9px;background:#fafafa;padding:0 10px;color:#46474e;font-size:10px; }.form-grid textarea { height:auto;padding:9px;resize:vertical;line-height:1.5; }.secret-input { display:flex;border:1px solid #e0e0e4;border-radius:9px;background:#fafafa;overflow:hidden; }.secret-input input { border:0;background:transparent; }.secret-input button { width:35px;display:grid;place-items:center;background:transparent;color:#999; }.secret-input button svg { width:15px; }
.model-config-actions { margin-top:13px;padding-top:12px;border-top:1px solid #f0f0f2;display:flex;align-items:center;gap:10px; }.model-config-actions button { height:32px;padding:0 11px;border-radius:8px;background:#eeeaff;color:#5c46c8;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700; }.model-config-actions button svg { width:13px; }.model-config-actions button.loading { opacity:.6;pointer-events:none; }.model-config-actions small { color:#a1a2a8;font-size:8px; }.model-config-actions small.success { color:#2f9f76; }.model-config-actions small.error { color:#d45b63; }
.integration-list { display:flex;flex-direction:column;gap:10px; }.integration-list article { min-height:82px;background:white;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:42px 1fr auto 62px;gap:13px;align-items:center; }.integration-list h3,.integration-list p { margin:0; }.integration-list h3 { font-size:12px;margin-bottom:4px; }.integration-list p { color:#909198;font-size:9px;margin-bottom:6px; }.integration-list code { color:#7b6ac7;background:#f5f3ff;padding:3px 6px;border-radius:5px;font-size:8px; }.connection-status { display:flex;align-items:center;gap:5px;font-size:8px;white-space:nowrap; }.connection-status.connected { color:#31a477; }.connection-status.pending { color:#d19136; }.integration-list article>button,.table-row>button { background:#f2f2f4;border-radius:8px;padding:7px 10px;font-size:9px; }
.tool-api-table { background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden; }.table-head,.table-row { display:grid;grid-template-columns:1.5fr .7fr .7fr 55px;align-items:center;gap:12px;padding:0 17px; }.table-head { height:39px;background:#f7f7f8;color:#999;font-size:8px;text-transform:uppercase;letter-spacing:.06em; }.table-row { min-height:66px;border-top:1px solid #f0f0f2;font-size:10px; }.table-row>span:first-child { display:flex;align-items:center;gap:9px; }.table-row>span:first-child>i { width:31px;height:31px;border-radius:9px;display:grid;place-items:center; }.table-row>span:first-child svg { width:15px; }.general-settings { background:white;border:1px solid var(--line);border-radius:15px;padding:4px 18px; }.general-settings>label { min-height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f2;gap:20px; }.general-settings>label:last-child { border:0; }.general-settings b,.general-settings small { display:block; }.general-settings b { font-size:11px;margin-bottom:5px; }.general-settings small { color:#999;font-size:8px; }.general-settings select,.general-settings input { width:170px;background:#fafafa; }

.integration-editor { margin-top:13px;background:white;border:1px solid #ddd7f5;border-radius:15px;padding:18px;box-shadow:0 10px 30px rgba(53,41,105,.07); }.editor-head { display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px; }.editor-head h3,.editor-head p { margin:0; }.editor-head h3 { font-size:13px;margin-bottom:4px; }.editor-head p { color:#999;font-size:9px; }.editor-head button { width:28px;height:28px;background:#f2f2f4;border-radius:8px;display:grid;place-items:center; }.editor-head button svg { width:14px; }.save-integration { margin-top:13px;height:34px;padding:0 12px;border-radius:9px;background:var(--violet);color:white;font-size:9px;font-weight:600; }

/* Tools */
.tools-page { padding:48px 0 80px; }
.tools-hero { min-height:230px;border-radius:24px;padding:40px 42px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:radial-gradient(circle at 85% 10%,rgba(151,130,255,.32),transparent 28%),radial-gradient(circle at 65% 100%,rgba(94,209,183,.22),transparent 30%),linear-gradient(145deg,#f1eeff,#f9f8ff 55%,#eef9f7);border:1px solid #e3def5;overflow:hidden;position:relative; }
.tools-hero:after { content:"";width:240px;height:240px;border:1px solid rgba(109,85,232,.16);border-radius:50%;position:absolute;right:-80px;top:-100px;box-shadow:0 0 0 35px rgba(109,85,232,.035),0 0 0 70px rgba(109,85,232,.02); }
.tools-hero>div { position:relative;z-index:1; }.tools-hero h1 { max-width:500px; }.tools-hero>div>p:last-child { color:#767581;font-size:14px;margin:14px 0 0; }
.tools-search { flex:0 1 430px;height:52px;background:white;border:1px solid #ddd8ed;border-radius:14px;display:flex;align-items:center;padding:0 13px;box-shadow:0 13px 35px rgba(53,41,105,.1); }
.tools-search svg { color:#92919a;width:18px; }.tools-search input { flex:1;min-width:0;padding:0 11px;font-size:12px; }.tools-search kbd { flex:0 0 auto; }
.tool-categories { display:flex;gap:10px;margin:28px 0;overflow:auto;scrollbar-width:none; }.tool-categories button { padding:9px 16px;border-radius:20px;background:white;border:1px solid var(--line);color:#777980;font-size:12px;white-space:nowrap; }.tool-categories button.active { background:#26252c;color:white;border-color:#26252c; }
.section-title { display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px; }.section-title>div { display:flex;align-items:center;gap:8px; }.section-title svg { color:var(--violet);width:19px; }.section-title h2 { margin:0;font-size:17px; }.section-title>span { color:#aaa;font-size:10px; }
.tool-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:13px; }.tool-grid.featured { grid-template-columns:repeat(3,1fr); }
.tool-card { background:white;border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;flex-direction:column;min-height:154px;text-align:left;transition:.2s;position:relative;overflow:hidden; }.tool-card:hover { transform:translateY(-3px);box-shadow:var(--shadow);border-color:#ded8f5; }.tool-card.featured { min-height:124px;display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:12px; }.tool-icon { width:43px;height:43px;border-radius:12px;display:grid;place-items:center; }.tool-icon svg { width:21px; }.tool-card h3 { margin:14px 0 7px;font-size:13px; }.tool-card p { margin:0;color:#92939a;font-size:10px;line-height:1.55; }.tool-card footer { margin-top:auto;padding-top:15px;display:flex;align-items:center;justify-content:space-between;color:#aaa;font-size:9px; }.tool-card footer span { padding:4px 7px;border-radius:6px;background:#f4f4f6; }.tool-card footer svg { width:14px; }.tool-card.featured h3 { margin:0 0 5px; }.tool-card.featured>i { color:#b7b7bd; }.tool-card.featured>i svg { width:16px; }
.tool-card h3,.tool-card p { overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; }.tool-card h3 { -webkit-line-clamp:2; }.tool-card p { -webkit-line-clamp:3; }.tool-card.featured>div { min-width:0; }
.empty-tools { text-align:center;padding:60px 20px;color:#aaa; }.empty-tools svg { margin:auto;width:28px;height:28px; }.empty-tools h3 { color:#555;font-size:15px;margin:14px 0 6px; }.empty-tools p { margin:0;font-size:11px; }

/* Overlays */
.modal-backdrop { position:fixed;inset:0;background:rgba(20,19,28,.45);z-index:100;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px); }
.tool-modal { width:min(420px,100%);background:white;border-radius:22px;padding:28px;position:relative;box-shadow:0 25px 70px rgba(18,17,26,.25);animation:modalIn .22s ease; }.modal-close { position:absolute;right:17px;top:17px;background:#f3f3f5;width:31px;height:31px;border-radius:9px;display:grid;place-items:center; }.modal-close svg { width:16px; }.modal-icon { width:48px;height:48px;border-radius:14px;background:#f0edff;color:var(--violet);display:grid;place-items:center;margin-bottom:20px; }.tool-modal h2 { margin:0 0 8px;font-size:22px; }.tool-modal>p:not(.eyebrow):not(.privacy-note) { margin:0;color:#888;font-size:12px;line-height:1.6; }.drop-zone { border:1px dashed #cfc9e6;background:#faf9ff;border-radius:15px;margin-top:22px;padding:26px;display:flex;align-items:center;flex-direction:column;text-align:center; }.drop-zone>svg { color:var(--violet);width:28px;height:28px;margin-bottom:12px; }.drop-zone b { font-size:12px; }.drop-zone small { font-size:10px;color:#aaa;margin:5px 0 14px; }.drop-zone button { background:#2d2c34;color:white;border-radius:9px;padding:8px 15px;font-size:10px; }.privacy-note { display:flex;align-items:center;justify-content:center;gap:5px;color:#aaa;font-size:9px;margin:13px 0 0; }.privacy-note svg { width:13px; }@keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}
.news-detail-modal { width:min(580px,100%);background:white;border-radius:22px;padding:32px;position:relative;box-shadow:0 25px 70px rgba(18,17,26,.25);animation:modalIn .22s ease; }.news-detail-modal h2 { margin:6px 0 14px;font-size:25px;line-height:1.4;letter-spacing:-.025em; }.news-detail-modal>p:not(.eyebrow) { color:#73757d;font-size:13px;line-height:1.8;margin:0; }.news-detail-modal footer { display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:24px;padding-top:16px;color:#999;font-size:10px; }.news-detail-modal footer button { height:35px;padding:0 12px;border-radius:9px;background:#292830;color:white;display:flex;align-items:center;gap:6px;font-size:10px; }.news-detail-modal footer button svg { width:14px; }
.search-overlay { position:fixed;inset:0;background:rgba(247,247,249,.95);z-index:90;padding-top:15vh;backdrop-filter:blur(15px); }.global-search { width:min(650px,calc(100% - 38px));height:58px;margin:auto;background:white;border:1px solid #dcd9e8;border-radius:16px;display:flex;align-items:center;padding:0 16px;box-shadow:0 18px 55px rgba(30,26,50,.12); }.global-search svg { color:var(--violet); }.global-search input { flex:1;padding:0 13px;background:transparent;font-size:15px; }.search-suggestions { width:min(650px,calc(100% - 38px));margin:20px auto; }.search-suggestions p { color:#999;font-size:10px;text-transform:uppercase;letter-spacing:.08em; }.search-suggestions button { display:block;background:transparent;padding:8px 0;font-size:13px; }
.toast { position:fixed;left:50%;bottom:30px;transform:translate(-50%,30px);opacity:0;pointer-events:none;z-index:120;background:#242329;color:white;padding:10px 15px;border-radius:10px;display:flex;align-items:center;gap:7px;font-size:11px;transition:.25s;box-shadow:0 8px 25px rgba(0,0,0,.2); }.toast svg { color:#72d4a7;width:15px; }.toast.show { opacity:1;transform:translate(-50%,0); }
.mobile-preview-overlay { position:fixed;inset:0;background:radial-gradient(circle at 50% 18%,#39364e,#19191f 60%);z-index:200;display:flex;align-items:center;justify-content:center;padding:74px 20px 26px; }.mobile-preview-overlay>header { position:absolute;left:0;right:0;top:0;height:60px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;color:white;background:rgba(18,18,23,.75);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px); }.mobile-preview-overlay>header>div { display:flex;align-items:center;gap:10px; }.mobile-preview-overlay>header>div>svg { color:#a998ff; }.mobile-preview-overlay>header b,.mobile-preview-overlay>header small { display:block; }.mobile-preview-overlay>header b { font-size:12px; }.mobile-preview-overlay>header small { color:#9694a1;font-size:8px;margin-top:3px; }.mobile-preview-overlay>header button { color:white;background:rgba(255,255,255,.1);height:34px;padding:0 12px;border-radius:9px;display:flex;align-items:center;gap:7px;font-size:10px; }.mobile-preview-overlay>header button svg { width:14px; }
.phone-device { width:410px;height:min(860px,calc(100vh - 92px));border:9px solid #0b0b0d;border-radius:42px;background:#0b0b0d;box-shadow:0 35px 80px rgba(0,0,0,.48),inset 0 0 0 1px #39383e;position:relative;overflow:hidden; }.phone-device iframe { width:100%;height:100%;border:0;border-radius:32px;background:var(--paper); }.phone-speaker { position:absolute;width:88px;height:24px;border-radius:0 0 15px 15px;background:#0b0b0d;left:50%;top:0;transform:translateX(-50%);z-index:2; }.phone-speaker:after { content:"";position:absolute;width:34px;height:4px;border-radius:4px;background:#29282d;left:27px;top:7px; }.phone-home { position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:105px;height:4px;border-radius:5px;background:#151519;pointer-events:none; }
.is-mobile-preview .view-switch { display:none; }

@media (max-width: 1180px) {
  .nav-item { padding:0 12px; }.view-switch button em { display:none; }.view-switch button { width:29px;padding:0;justify-content:center; }
}
@media (max-width: 1060px) {
  .news-dashboard { grid-template-columns:1.3fr .7fr; }.lead-story { grid-template-columns:42% 58%; }.content-layout { grid-template-columns:1fr; }.side-column { display:grid;grid-template-columns:1fr 1fr; }.topic-card { display:block; }.topic-list { max-height:500px; }.feed-list { grid-template-columns:1fr 1fr; }
  .weather-dashboard { grid-template-columns:1.3fr .7fr; }.current-weather-card { grid-template-columns:37% 63%; }.weather-metrics { grid-template-columns:1fr 1fr; }.safety-grid { grid-template-columns:1fr; }
  .agent-layout { grid-template-columns:220px 1fr; }.capability-panel { display:none; }
  .tool-grid { grid-template-columns:repeat(3,1fr); }
}

@media (max-width: 760px) {
  .location-picker { max-height:calc(100vh - 150px);overflow:auto; }.location-cascade { grid-template-columns:1fr; }
  body { padding-bottom:68px; }.topbar { height:58px;padding:0 17px;grid-template-columns:1fr auto; }.brand-word b { display:none; }.desktop-nav { display:none; }.view-switch { display:none; }.top-actions .notification-button { display:none; }.top-actions .avatar-button { display:none; }.top-actions .icon-button { width:36px;height:36px; }.page-container { width:calc(100% - 28px); }
  .mobile-nav { position:fixed;display:grid;grid-template-columns:repeat(5,1fr);height:68px;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);border-top:1px solid var(--line);z-index:70;padding-bottom:max(4px,env(safe-area-inset-bottom));backdrop-filter:blur(16px); }.mobile-nav button { background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#92939a; }.mobile-nav button>span { height:23px;display:grid;place-items:center; }.mobile-nav svg { width:20px;height:20px; }.mobile-nav small { font-size:9px; }.mobile-nav button.active { color:var(--violet);font-weight:600; }.mobile-nav .mobile-ai { width:31px;height:25px;border-radius:9px;background:linear-gradient(145deg,#7f67ec,#5d42ce);color:white;box-shadow:0 5px 12px rgba(93,66,206,.25); }.mobile-nav .mobile-ai svg { width:16px; }
  .news-page { padding:24px 0 38px; }.section-heading { align-items:start;margin-bottom:18px; }.section-heading h1 { font-size:24px; }.brief-button { width:38px;height:38px;padding:0;display:grid;place-items:center;border-radius:11px; }.brief-button { font-size:0; }.brief-button svg { width:18px; }
  .news-dashboard { display:block; }.lead-story { display:block;min-height:0; }.lead-visual { height:205px; }.lead-copy { padding:16px 18px 18px; }.daily-brief-card .lead-copy h2 { font-size:23px;margin:8px 0; }.daily-brief-card .lead-copy>p { display:block;font-size:11px;line-height:1.6; }.brief-points { margin-top:12px;gap:6px; }.story-meta { padding-top:14px; }.story-meta>span:nth-of-type(2),.story-meta>i { display:none; }.top-news { margin-top:14px;padding:18px; }.rank-list li { padding:12px 0; }.rank-list li:nth-child(n+4) { display:none; }.rank-list h4 { font-size:12px; }.feed-toolbar { margin-top:25px; }.category-tabs { gap:22px;width:calc(100% - 37px); }.content-layout { display:block; }.feed-list { grid-template-columns:1fr; }.feed-card { height:126px;padding:12px 13px; }.news-title-button { white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }.side-column { display:none; }
  .weather-page { padding:23px 0 36px; }.weather-heading { align-items:flex-start; }.weather-heading h1 { font-size:26px; }.weather-heading>div>p:last-child { font-size:11px;line-height:1.6; }.weather-actions { gap:5px; }.location-switch { width:39px;height:39px;padding:0;display:grid;place-items:center; }.location-switch>span:nth-child(2),.location-switch>i { display:none; }.weather-refresh { width:39px;height:39px;padding:0;display:grid;place-items:center; }.weather-refresh>span { grid-row:auto; }.weather-refresh b,.weather-refresh small { display:none; }.location-picker { position:fixed;top:68px;left:14px;right:14px;width:auto; }.weather-dashboard { display:block; }.current-weather-card { min-height:0;display:block; }.weather-card-sky { height:185px; }.current-weather-copy { padding:22px; }.temperature>strong { font-size:66px; }.temperature b { font-size:19px; }.current-weather-copy>p { margin:14px 0 18px; }.weather-metrics { grid-template-columns:1fr 1fr; }.weather-metrics b { font-size:12px; }.latest-quake-card { margin-top:12px; }.hourly-section { padding:17px 14px;overflow:hidden; }.hourly-list { display:flex;overflow:auto;margin:0 -4px;padding:0 4px;scrollbar-width:none; }.hourly-list>div { min-width:73px; }.hourly-list strong { font-size:18px; }.safety-grid { display:block; }.earthquake-panel,.quake-list-card { padding:17px; }.quake-map { height:215px; }.quake-list-card { margin-top:12px; }.quake-list article { grid-template-columns:48px 1fr;padding:11px 0; }.quake-list article p { line-height:1.5; }.quake-legend { gap:9px;flex-wrap:wrap; }.quake-legend small { width:100%;margin-left:0; }.data-disclaimer { line-height:1.5;text-align:center;padding:0 10px; }
  #page-agent { height:calc(100vh - 126px);height:calc(100dvh - 126px);min-height:0; }#page-agent.active { inset:58px 0 68px;height:auto; }.agent-layout { display:block;height:100%;min-height:0;overflow:hidden; }.conversation-sidebar { display:none; }.chat-workspace { height:100%;min-height:0;overflow:hidden; }.mobile-agent-head { display:flex;height:48px;flex:0 0 48px;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid var(--line); }.mobile-agent-head b { font-size:13px; }.mode-switch { margin-top:10px;flex:0 0 auto; }.chat-scroll { min-height:0;height:0;padding:17px 16px; }.chat-intro { justify-content:flex-start;padding-top:12vh; }.chat-intro h1 { font-size:23px;margin-top:17px; }.prompt-grid { grid-template-columns:1fr;margin-top:23px; }.prompt-grid button { padding:11px; }.prompt-grid button:nth-child(n+4) { display:none; }.composer-wrap { flex:0 0 auto;width:calc(100% - 24px);margin-bottom:5px; }.ai-note { display:none; }.composer { border-radius:16px; }
  .conversation-sidebar.mobile-open { display:flex;position:fixed;inset:58px auto 68px 0;width:min(82vw,310px);z-index:65;box-shadow:20px 0 55px rgba(24,21,39,.18);animation:drawerIn .22s ease; }
  .tools-page { padding:18px 0 40px; }.tools-hero { min-height:245px;padding:25px 20px;display:block;border-radius:19px; }.tools-hero h1 { font-size:26px; }.tools-hero>div>p:last-child { font-size:12px; }.tools-search { height:48px;margin-top:25px;position:relative;z-index:2; }.tools-search kbd { display:none; }.tool-categories { margin:19px 0; }.tool-grid,.tool-grid.featured { grid-template-columns:1fr 1fr; }.tool-grid.featured { grid-template-columns:1fr; }.tool-card { min-height:145px;padding:14px; }.tool-card.featured { min-height:94px; }.all-tools .section-title { margin-top:30px; }
  .toast { bottom:82px; }
}
@keyframes drawerIn { from { transform:translateX(-100%); } to { transform:none; } }

@media (max-width: 390px) {
  .feed-card { height:128px;padding:11px 12px; }.feed-content h3 { font-size:12px; }.tool-grid { gap:9px; }.tool-card { padding:12px; }.tool-card p { -webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; }
}

@media (max-width: 760px) {
  .top-actions .settings-trigger { display:none; }
  .feed-card { height:126px;padding:11px 12px; }.feed-list { gap:9px; }
  .quake-map { height:360px; }.quake-list-card .quake-list { max-height:560px; }.latest-quake-list article { min-height:42px; }
  .settings-page { padding:22px 0 40px; }.settings-header { align-items:flex-start;margin-bottom:17px; }.settings-header h1 { font-size:26px; }.settings-header>div>p:last-child { max-width:250px;line-height:1.5; }.save-settings { width:38px;height:38px;padding:0;display:grid;place-items:center;font-size:0; }.settings-layout { display:block; }.settings-nav { position:static;display:flex;overflow-x:auto;border-radius:13px;padding:5px;margin-bottom:15px;scrollbar-width:none; }.settings-nav>button { min-width:112px;height:43px;grid-template-columns:16px 1fr;padding:0 8px; }.settings-nav>button small,.security-tip { display:none; }.panel-heading { gap:10px; }.panel-config-actions { align-items:flex-end;flex-direction:column-reverse; }.remember-key span { display:none; }.model-settings-grid { grid-template-columns:1fr; }.config-card { padding:15px; }.form-grid { grid-template-columns:1fr; }.form-grid label.full { grid-column:auto; }.integration-list article { grid-template-columns:38px 1fr auto;padding:12px; }.integration-list article>.connection-status { grid-column:2; }.integration-list article>button { grid-column:3;grid-row:1/3; }.table-head,.table-row { grid-template-columns:1.4fr .7fr 55px; }.table-head span:nth-child(3),.table-row>span:nth-child(3) { display:none; }.general-settings>label { align-items:flex-start;flex-direction:column;padding:14px 0;gap:10px; }.general-settings select,.general-settings input { width:100%; }.news-detail-modal { padding:25px 20px; }.news-detail-modal h2 { font-size:21px; }
  .article-page { padding:8px 0 35px; }.article-toolbar { margin-bottom:8px; }.article-layout { display:block; }.article-main { padding:22px 17px;border-radius:16px; }.article-header h1 { font-size:26px; }.article-header>p { font-size:12px; }.article-cover { height:220px;margin:21px 0; }.article-body { font-size:13px;line-height:1.85; }.article-body h2 { font-size:18px; }.article-source-box { align-items:flex-start;flex-direction:column; }.article-source-box a { width:100%;justify-content:center; }.article-aside { position:static;margin-top:14px; }.article-outline { display:none; }
}