:root { --tide-blue:#0047ab; --tide-blue-soft:#e9f1ff; --tide-bg:#f8f9fa; --tide-card:#fff; --tide-text:#191c1d; --tide-muted:#6d747a; --tide-border:#e4e8eb; --tide-shadow:0 12px 30px rgba(21,37,52,.08); }
:root[data-theme="dark"] { --tide-bg:#141719; --tide-card:#1e2225; --tide-text:#f5f7f8; --tide-muted:#aeb7bd; --tide-border:#343b40; --tide-blue-soft:#132c53; --tide-shadow:0 12px 30px rgba(0,0,0,.28); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--tide-text); background:var(--tide-bg); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; line-height:1.6; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.tide-header { position:sticky; top:0; z-index:30; background:color-mix(in srgb,var(--tide-bg) 92%,transparent); border-bottom:1px solid var(--tide-border); backdrop-filter:blur(15px); }
.tide-bar,.tide-nav,.tide-main,.tide-footer { width:min(100% - 28px,750px); margin:auto; }
.tide-bar { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.tide-brand,.tide-actions,.tide-nav,.tide-meta,.tide-section-heading,.tide-cursor { display:flex; align-items:center; }
.tide-brand { gap:10px; min-width:0; }.tide-brand__mark { display:grid; width:36px;height:36px;place-items:center;border-radius:12px;background:var(--tide-blue);color:#fff;font-weight:800;box-shadow:0 6px 16px rgba(0,71,171,.25); }.tide-brand strong,.tide-brand small { display:block; line-height:1.25; }.tide-brand small { color:var(--tide-muted); font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:210px; }
.tide-actions { gap:7px; }.tide-icon,.tide-menu-button { border:1px solid var(--tide-border); background:var(--tide-card); color:var(--tide-text); border-radius:10px; min-width:35px; height:35px; padding:0 10px; cursor:pointer; display:grid; place-items:center; }.tide-menu-button { display:none; }
.tide-nav { gap:21px; min-height:42px; overflow:auto; scrollbar-width:none; }.tide-nav a { color:var(--tide-muted); white-space:nowrap; font-size:14px; padding:10px 0; border-bottom:2px solid transparent; }.tide-nav a:hover,.tide-nav a.is-active { color:var(--tide-blue); border-color:var(--tide-blue); }
.tide-main { padding:22px 0 60px; }.tide-hero { display:grid; grid-template-columns:1.08fr 1fr; border-radius:22px; overflow:hidden; background:var(--tide-card); box-shadow:var(--tide-shadow); min-height:300px; }.tide-hero__media { min-height:300px; background:linear-gradient(135deg,#003b8e,#00a2a4); }.tide-hero__media img,.tide-card__media img,.tide-article__cover { width:100%; height:100%; display:block; object-fit:cover; }.tide-hero__placeholder { height:100%; min-height:300px; display:grid; place-items:center; color:#fff; font-size:24px; font-weight:800; letter-spacing:.2em; background:radial-gradient(circle at 20% 20%,#00c2c7,transparent 40%),linear-gradient(135deg,#003b8e,#111d3e); }.tide-hero__content { padding:28px; display:flex; flex-direction:column; justify-content:center; }.tide-kicker,.tide-chip { color:var(--tide-blue); font-size:12px; font-weight:700; letter-spacing:.08em; }.tide-hero h1,.tide-section-heading h1,.tide-section-heading h2,.tide-article h1 { margin:8px 0; line-height:1.2; }.tide-hero h1 { font-size:clamp(25px,4vw,38px); }.tide-hero p,.tide-card__excerpt,.tide-article__excerpt { color:var(--tide-muted); }.tide-meta { gap:10px; flex-wrap:wrap; color:var(--tide-muted); font-size:12px; margin-top:12px; }
.tide-hotlist,.tide-feed { margin-top:22px; background:var(--tide-card); border:1px solid var(--tide-border); border-radius:18px; padding:21px; }.tide-section-heading { justify-content:space-between; gap:15px; margin-bottom:18px; }.tide-section-heading h1,.tide-section-heading h2 { font-size:21px; }.tide-section-heading > span,.tide-section-heading > a { color:var(--tide-muted); font-size:13px; }.tide-section-heading > a:hover { color:var(--tide-blue); }
.tide-hotlist ol { padding:0; margin:0; list-style:none; counter-reset:rank; }.tide-hotlist__item { display:grid; grid-template-columns:30px 1fr auto; gap:9px; align-items:center; padding:12px 0; border-bottom:1px solid var(--tide-border); }.tide-hotlist__item:last-child { border:0; }.tide-hotlist__item a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:650; }.tide-hotlist__item a:hover { color:var(--tide-blue); }.tide-hotlist__item small { color:var(--tide-muted); font-size:12px; }.tide-rank { color:var(--tide-blue); font-weight:800; font-size:17px; }
.tide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }.tide-card { display:flex; flex-direction:column; overflow:hidden; border-radius:16px; background:var(--tide-card); border:1px solid var(--tide-border); transition:transform .2s,border-color .2s,box-shadow .2s; }.tide-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--tide-blue) 50%,var(--tide-border)); box-shadow:var(--tide-shadow); }.tide-card__media { aspect-ratio:16/10; overflow:hidden; background:var(--tide-blue-soft); }.tide-card__media img { transition:transform .35s; }.tide-card:hover img { transform:scale(1.04); }.tide-card__placeholder { height:100%; display:grid; place-items:center; font-size:22px; font-weight:800; color:var(--tide-blue); background:radial-gradient(circle at 70% 25%,#a6d8ff,transparent 25%),linear-gradient(135deg,#e7eeff,#d9f6f5); }.tide-card__body { padding:15px; display:flex; flex:1; flex-direction:column; }.tide-card__title { font-size:16px; font-weight:750; line-height:1.45; margin-top:7px; }.tide-card__title:hover { color:var(--tide-blue); }.tide-card__excerpt { margin:7px 0 0; font-size:13px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }.tide-card .tide-meta { margin-top:auto; padding-top:13px; }
.tide-article { max-width:750px; background:var(--tide-card); border:1px solid var(--tide-border); border-radius:20px; padding:clamp(20px,5vw,48px); }.tide-article h1 { font-size:clamp(29px,6vw,45px); }.tide-article__excerpt { font-size:18px; }.tide-article__cover { max-height:450px; border-radius:14px; margin:25px 0; }.tide-prose { margin-top:25px; overflow-wrap:anywhere; font-size:17px; }.tide-prose img { max-width:100%; height:auto; border-radius:10px; }.tide-prose pre { overflow:auto; padding:14px; border-radius:10px; background:#111827; color:#eef2ff; }.tide-tags { margin-top:26px; display:flex; gap:8px; flex-wrap:wrap; }.tide-tags a { padding:5px 10px; border-radius:999px; background:var(--tide-blue-soft); color:var(--tide-blue); font-size:13px; }.tide-tags--large a { font-size:15px; }.tide-cursor { justify-content:space-between; gap:18px; margin-top:35px; padding-top:20px; border-top:1px solid var(--tide-border); }.tide-cursor a { width:48%; color:var(--tide-blue); font-size:14px; }.tide-cursor a:last-child { text-align:right; }
.tide-search { display:flex; gap:8px; margin-bottom:24px; }.tide-search input { width:100%; min-width:0; border:1px solid var(--tide-border); border-radius:11px; background:var(--tide-card); color:var(--tide-text); padding:11px 13px; }.tide-search button { border:0; border-radius:11px; color:#fff; background:var(--tide-blue); padding:0 18px; cursor:pointer; }.tide-empty { padding:36px 20px; text-align:center; color:var(--tide-muted); border:1px dashed var(--tide-border); border-radius:16px; background:var(--tide-card); }.tide-category-card { min-height:140px; justify-content:center; padding:20px; gap:7px; }.tide-category-card strong { font-size:21px; }.tide-category-card small { color:var(--tide-muted); }.tide-archives h2 { margin:28px 0 8px; }.tide-archives h3 { color:var(--tide-muted); font-size:14px; }.tide-archives section { display:grid; gap:8px; }.tide-archives a:hover { color:var(--tide-blue); }
.tide-footer { display:flex; justify-content:space-between; gap:14px; padding:25px 0 40px; color:var(--tide-muted); border-top:1px solid var(--tide-border); font-size:13px; }.tide-footer strong { color:var(--tide-text); }.tide-back-top { position:fixed; right:22px; bottom:22px; width:42px; height:42px; border-radius:50%; border:1px solid var(--tide-border); background:var(--tide-card); color:var(--tide-blue); box-shadow:var(--tide-shadow); opacity:0; transform:translateY(10px); pointer-events:none; transition:.2s; cursor:pointer; }.tide-back-top.is-visible { opacity:1; transform:none; pointer-events:auto; }
@media (max-width:640px) { .tide-menu-button { display:grid; }.tide-nav { display:none; width:100%; padding:0 14px 10px; flex-wrap:wrap; gap:0 15px; }.tide-nav.is-open { display:flex; }.tide-hero { grid-template-columns:1fr; }.tide-hero__media,.tide-hero__placeholder { min-height:210px; }.tide-hero__content { padding:22px; }.tide-grid { grid-template-columns:1fr; }.tide-hotlist,.tide-feed { padding:16px; }.tide-main { padding-top:16px; }.tide-hotlist__item { grid-template-columns:26px 1fr; }.tide-hotlist__item small { grid-column:2; }.tide-article { border-radius:14px; padding:21px; }.tide-cursor { align-items:flex-start; flex-direction:column; }.tide-cursor a,.tide-cursor a:last-child { width:100%; text-align:left; }.tide-footer { flex-direction:column; }.tide-brand small { max-width:150px; } }

/* 逐项对应本机潮汐页的顶栏、频道和浮层。 */
/* 首页主图不与热榜重叠：避免封面主体和标题被白色卡片遮住。 */
html .hero-banner-section{min-height:0}
html .hero-banner-section__media--compact{height:230px}
html .hero-banner-section__media--compact>span{min-height:0;height:100%}
html .hot-rank-list-module{position:relative;z-index:2;width:calc(100% - 16px);margin:0 auto}
@media(max-width:640px){html .hero-banner-section__media--compact{height:210px}}
/* 源项目首页的六种内容区块：不再用通用卡片替代。 */
html .source-double-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 8px;align-items:start}html .source-double-grid__column{display:flex;min-width:0;flex-direction:column;gap:8px}html .source-double-grid__card,html .source-triple-news article,html .source-featured-main,html .source-featured-subitem,html .source-text-card,html .source-must-read-card,html .source-topic-card{overflow:hidden;border:1px solid #e1e3e4;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(26,26,26,.02)}html .source-double-grid__image{position:relative;aspect-ratio:4/5;overflow:hidden;background:#edeeef}html .source-double-grid__card--lead .source-double-grid__image{height:calc((min(100vw,750px) - 24px)*.625 + 18px);aspect-ratio:auto}html .source-double-grid__image img,html .source-featured-main img,html .source-featured-subitem img,html .source-text-card img,html .source-must-read-card img,html .source-topic-card img{display:block;width:100%;height:100%;object-fit:cover}html .source-double-grid__image span,html .source-featured-main>div span,html .source-topic-card__image span{position:absolute;top:6px;left:6px;border-radius:3px;background:rgba(0,0,0,.6);padding:2px 6px;color:#fff;font-size:10px;font-weight:700;backdrop-filter:blur(8px)}html .source-double-grid__body{padding:8px}html .source-double-grid__body h2{display:-webkit-box;overflow:hidden;margin:0;color:#191c1d;font-size:12.5px;font-weight:500;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}html .source-double-grid__body small,html .source-triple-news footer small,html .source-featured-main footer small{display:block;margin-top:6px;color:#ff7f50;font-size:10.5px;font-weight:500}html .source-double-grid__body i,html .source-triple-news i,html .source-featured-main i{font-style:normal}html .source-triple-news{display:flex;flex-direction:column;gap:8px;padding:0 8px}html .source-triple-news article{padding:12px}html .source-triple-news h2{display:-webkit-box;overflow:hidden;margin:0;color:#191c1d;font-size:15px;line-height:21px;-webkit-box-orient:vertical;-webkit-line-clamp:2}html .source-triple-news__images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}html .source-triple-news__images img{aspect-ratio:4/3;width:100%;border-radius:6px;object-fit:cover}html .source-triple-news footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#8e8e93;font-size:10.5px}html .source-triple-news footer small{margin:0}html .source-featured-section{display:flex;flex-direction:column;gap:8px;padding:0 8px}html .source-featured-main>div{position:relative;aspect-ratio:16/9;overflow:hidden;background:#edeeef}html .source-featured-main section{padding:10px}html .source-featured-main h2{display:-webkit-box;overflow:hidden;margin:0;color:#191c1d;font-size:14px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2}html .source-featured-main footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px}html .source-featured-main footer small{margin:0}html .source-featured-main footer em{color:#8e8e93;font-size:10px;font-style:normal}html .source-featured-sublist{display:flex;flex-direction:column;gap:8px}html .source-featured-subitem a{display:flex;align-items:center;gap:10px;padding:8px}html .source-featured-subitem img{width:84px;height:47px;flex:0 0 auto;border-radius:6px}html .source-featured-subitem div{min-width:0;flex:1}html .source-featured-subitem h2{display:-webkit-box;overflow:hidden;margin:0;color:#191c1d;font-size:13px;font-weight:500;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}html .source-featured-subitem small{display:block;margin-top:4px;color:#8e8e93;font-size:10.5px}html .source-featured-subitem i{font-style:normal}html .source-text-section{display:flex;flex-direction:column;gap:8px;padding:0 8px}html .source-text-card a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px}html .source-text-card a>div{min-width:0;flex:1}html .source-text-card h2{display:-webkit-box;overflow:hidden;margin:0;color:#191c1d;font-size:14px;font-weight:700;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2}html .source-text-card footer{display:flex;gap:8px;margin-top:8px;color:#8e8e93;font-size:10px}html .source-text-card footer span{border-radius:4px;background:rgba(255,127,80,.1);padding:2px 6px;color:#ff7f50}html .source-text-card img{width:100px;height:75px;flex:0 0 auto;border-radius:6px}html .source-must-read{padding-left:8px}html .source-must-read>header{display:flex;align-items:center;justify-content:space-between;padding:0 8px 10px 0}html .source-must-read>header strong{color:#191c1d;font-size:15px}html .source-must-read>header span{color:#8e8e93;font-size:11px}html .source-must-read>div{display:flex;gap:10px;overflow-x:auto;padding:0 8px 8px 0;scroll-snap-type:x mandatory}html .source-must-read-card{width:140px;min-width:140px;scroll-snap-align:start}html .source-must-read-card img{aspect-ratio:1;width:100%;height:auto}html .source-must-read-card section{padding:8px}html .source-must-read-card h2{display:-webkit-box;overflow:hidden;margin:0;color:#191c1d;font-size:11.5px;font-weight:500;line-height:16px;-webkit-box-orient:vertical;-webkit-line-clamp:2}html .source-must-read-card small{display:block;margin-top:6px;color:#8e8e93;font-size:10px}html .source-topic-section{padding:0 8px}html .source-topic-card__image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#edeeef}html .source-topic-card__image h2{position:absolute;right:0;bottom:0;left:0;margin:0;padding:20px 10px 10px;background:linear-gradient(transparent,rgba(26,26,26,.9));color:#fff;font-size:14.5px;line-height:20px}html .source-topic-card>section{display:flex;flex-direction:column;gap:8px;padding:10px}html .source-topic-card>section a{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px dashed rgba(225,227,228,.8);padding-bottom:8px}html .source-topic-card>section a:last-child{border-bottom:0;padding-bottom:0}html .source-topic-card>section strong{overflow:hidden;color:#191c1d;font-size:13px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}html .source-topic-card>section small{flex:0 0 auto;color:#8e8e93;font-size:11px}@media(max-width:640px){html .source-double-grid__card--lead .source-double-grid__image{height:calc((100vw - 24px)*.625 + 18px)}}
.top-app-bar{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--tide-border);background:var(--tide-bg);transition:background .2s}.top-app-bar__inner,.channel-tabs__inner,.tide-main,.tide-footer{width:100%;max-width:750px;margin:0 auto}.top-app-bar__inner{height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.tide-wordmark{font-size:24px;font-weight:900;letter-spacing:.08em;line-height:1;color:var(--tide-text)}.tide-wordmark span{display:inline-grid;place-items:center;margin-left:5px;color:#ff7f50;font-size:14px;vertical-align:middle}.top-app-bar__title{flex:1;text-align:center;color:var(--tide-muted);font-size:14px}.top-app-bar__actions{display:flex;gap:7px}.icon-button{border:0;background:transparent;color:var(--tide-text);width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}.icon-button:hover{background:#edeeef}.icon-button--primary{background:var(--tide-blue);color:white;font-size:15px}.icon-button--primary:hover{background:var(--tide-blue)}.channel-tabs{position:relative;z-index:30;background:var(--tide-bg)}.channel-tabs__inner{display:flex;gap:21px;padding:4px 16px 6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.channel-tabs a{position:relative;padding:2px 0 6px;color:var(--tide-muted);font-size:14px;font-weight:500}.channel-tabs a.is-active{color:var(--tide-blue);font-weight:700}.channel-tabs a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:var(--tide-blue)}.tide-main{display:flex;flex-direction:column;gap:12px;padding:0 0 64px}.tide-footer{display:flex;justify-content:space-between;padding:22px 16px 38px;color:var(--tide-muted);font-size:11px;border-top:1px solid var(--tide-border)}.tide-overlay-open{overflow:hidden}.tide-search-modal,.tide-menu-drawer{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.6);backdrop-filter:blur(3px)}.tide-search-modal{display:flex;align-items:flex-start;justify-content:center;padding:24px 12px}.tide-search-modal__panel{width:100%;max-width:576px;margin-top:24px;overflow:hidden;border:1px solid var(--tide-border);border-radius:16px;background:var(--tide-card);box-shadow:0 24px 56px rgba(0,0,0,.25)}.tide-search-form{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--tide-border)}.tide-search-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--tide-text);font-size:14px}.tide-search-form button{border:0;background:transparent;color:var(--tide-blue);font-weight:700;cursor:pointer}.tide-search-modal__body{padding:16px;font-size:12px}.tide-search-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.tide-search-chips button{border:0;border-radius:999px;padding:6px 12px;background:#f3f4f5;color:var(--tide-text);cursor:pointer}.tide-menu-drawer{display:flex;justify-content:flex-end}.tide-menu-drawer__panel{width:min(320px,88vw);height:100%;display:flex;flex-direction:column;background:var(--tide-card);border-left:1px solid var(--tide-border);box-shadow:-15px 0 40px rgba(0,0,0,.18)}.tide-menu-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--tide-border)}.tide-menu-drawer__header strong{font-size:20px}.tide-menu-drawer__header em{font-style:normal;background:var(--tide-blue);color:white;border-radius:4px;padding:2px 5px;font-size:10px}.tide-menu-drawer__header button{border:0;background:transparent;font-size:24px;color:var(--tide-muted);cursor:pointer}.tide-menu-drawer__body{padding:16px}.tide-menu-drawer__body>span{display:block;margin-bottom:10px;color:var(--tide-muted);font-size:12px;font-weight:700}.tide-menu-drawer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tide-menu-drawer__grid a{padding:8px 4px;text-align:center;border-radius:8px;background:#f8f9fa;font-size:12px}.tide-menu-drawer__footer{margin-top:auto;padding:16px;text-align:center;border-top:1px solid var(--tide-border);background:var(--tide-bg);color:var(--tide-muted);font-size:11px}.tide-menu-drawer__footer small{font-size:10px}@media(max-width:640px){.top-app-bar__inner{padding:0 12px}.icon-button--theme{display:none}.tide-footer{padding-left:12px;padding-right:12px;flex-direction:column;gap:3px}.channel-tabs__inner{padding-left:12px;padding-right:12px}.tide-main{padding-bottom:48px}}

.hero-banner-section{position:relative;min-height:250px;overflow:hidden}.hero-banner-section__media,.hero-banner-section__media img{display:block;width:100%;height:100%}.hero-banner-section__media img{object-fit:cover}.hero-banner-section__media>span{display:grid;min-height:250px;place-items:center;background:linear-gradient(135deg,#0047ab,#132c53);color:#fff}.hero-banner-section__shade{position:absolute;inset:auto 0 0;padding:54px 18px 18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8));display:flex;flex-direction:column}.hero-banner-section__shade span{font-size:12px;color:#ffb69e}.hero-banner-section__shade strong{font-size:24px;line-height:1.3}.hero-banner-section__shade small{opacity:.8}.hot-rank-list-module{position:relative;z-index:2;width:calc(100% - 16px);margin:-24px auto 0;padding:14px 14px 10px;border:1px solid #ededed;border-radius:14px 14px 0 0;background:#fff;box-shadow:0 -4px 16px rgba(0,0,0,.05);color:#252525}.hot-rank-list-module__heading{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:2px}.hot-rank-list-module__heading strong{font-size:16px;font-weight:700;line-height:1}.hot-rank-list-module__heading>span{font-size:12px;color:#8a8f96}.hot-rank-list-module__heading b{display:inline-block;margin-left:3px;color:#176bd8;font-size:16px;line-height:0;vertical-align:-1px}.hot-rank-list-module ol{padding:0;margin:0;list-style:none}.hot-rank-list-module__item{display:grid;grid-template-columns:20px minmax(0,1fr) auto;column-gap:10px;align-items:center;min-height:46px;border-top:1px solid #eee}.hot-rank-list-module__rank{display:grid;width:20px;height:20px;place-items:center;border-radius:4px;background:#4d7cff;color:#fff;font-size:12px;font-weight:700;line-height:1}.hot-rank-list-module__item:nth-child(1) .hot-rank-list-module__rank{background:#ff5d5d}.hot-rank-list-module__item:nth-child(2) .hot-rank-list-module__rank{background:#ff9700}.hot-rank-list-module__item:nth-child(3) .hot-rank-list-module__rank{background:#ffc400}.hot-rank-list-module__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#30343a;font-size:13.5px;font-weight:400;line-height:20px}.hot-rank-list-module__title:hover{color:#176bd8}.hot-rank-list-module__trend{font-style:normal;color:#898f96;font-size:11px;line-height:1;white-space:nowrap}.hot-rank-list-module__trend b{margin-left:2px;color:#ff7f50;font-size:13px}.double-grid-section{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 8px}.visual-grid-card{overflow:hidden;border:1px solid var(--tide-border);border-radius:12px;background:var(--tide-card)}.visual-grid-card img,.visual-grid-card>a>span{display:block;width:100%;height:138px;object-fit:cover;background:#edeeef}.visual-grid-card div{padding:10px}.visual-grid-card small,.visual-grid-card p{font-size:11px;color:var(--tide-muted)}.visual-grid-card h2{margin:4px 0;font-size:14px;line-height:1.4}.visual-grid-card p{margin:0}.triple-image-news-section{padding:0 8px;display:grid;gap:9px}.triple-image-news-section>a{display:grid;grid-template-columns:120px 1fr;gap:10px;overflow:hidden;padding:8px;border:1px solid var(--tide-border);border-radius:12px;background:var(--tide-card)}.triple-image-news-section img,.triple-image-news-section>a>span{width:120px;height:82px;object-fit:cover;background:#edeeef;border-radius:8px}.triple-image-news-section h2{margin:0;font-size:14px;line-height:1.45}.triple-image-news-section small{font-size:11px;color:var(--tide-muted)}.featured-sub-section,.text-centric-section{margin:0 8px;display:grid;gap:9px}.featured-sub-section__main{position:relative;min-height:185px;overflow:hidden;border-radius:12px;color:white;background:#223}.featured-sub-section__main img,.featured-sub-section__main>span{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#223}.featured-sub-section__main div{position:relative;display:block;padding:82px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.82));min-height:185px}.featured-sub-section__main h2{margin:4px 0;font-size:18px;line-height:1.35}.featured-sub-section__main p{margin:0;font-size:11px}.featured-sub-section__list,.text-centric-section{border:1px solid var(--tide-border);border-radius:12px;background:var(--tide-card)}.featured-sub-section__list a,.text-centric-section a{display:flex;justify-content:space-between;gap:10px;padding:11px;border-top:1px solid var(--tide-border);font-size:13px}.featured-sub-section__list a:first-child,.text-centric-section a:first-child{border-top:0}.featured-sub-section__list small,.text-centric-section span{color:var(--tide-muted);font-size:11px;white-space:nowrap}.ai-news-scroll-section{padding-left:8px}.ai-news-scroll-section>div:last-child{display:flex;gap:9px;overflow-x:auto;padding:7px 8px 7px 0;scroll-snap-type:x mandatory}.ai-news-scroll-section a{flex:0 0 180px;overflow:hidden;border:1px solid var(--tide-border);border-radius:12px;background:var(--tide-card);scroll-snap-align:start}.ai-news-scroll-section img,.ai-news-scroll-section a>span{display:block;width:100%;height:105px;object-fit:cover;background:#edeeef}.ai-news-scroll-section strong{display:block;padding:9px;font-size:13px;line-height:1.4}.topic-banner-section{margin:0 8px;overflow:hidden;border-radius:12px;background:#182338}.topic-banner-section a{position:relative;display:block;min-height:168px;color:#fff}.topic-banner-section img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.topic-banner-section div{position:relative;padding:22px}.topic-banner-section h2{margin:4px 0;font-size:20px}.topic-banner-section p{font-size:12px;max-width:70%}@media(max-width:390px){.hero-banner-section{min-height:220px}.hot-rank-list-module{width:calc(100% - 12px);padding-left:12px;padding-right:12px}.hot-rank-list-module__item{column-gap:8px;min-height:44px}.hot-rank-list-module__trend{font-size:10px}.visual-grid-card img,.visual-grid-card>a>span{height:120px}.triple-image-news-section>a{grid-template-columns:108px 1fr}.triple-image-news-section img,.triple-image-news-section>a>span{width:108px;height:76px}}