/* Scoped login/editorial surfaces. Login control behavior remains in login.html. */
:root { color-scheme:dark; --news-bg:#0b111b; --news-bg-end:#151f2e; --news-panel:#182230; --news-text:#eef1f7; --news-muted:#a4b0c0; --news-line:#334256; --news-accent:#72adfa; --news-button:#347ee0; --news-radius:16px; --news-shadow:0 18px 44px #02071138,0 2px 8px #0207111c; }
:root[data-theme="light"] { color-scheme:light; --news-bg:#e1e8f2; --news-bg-end:#f0f4fa; --news-panel:#f8fafd; --news-text:#172437; --news-muted:#53647b; --news-line:#cad6e5; --news-accent:#2563bb; --news-button:#2a6ac9; --news-shadow:0 18px 44px #263e6512,0 2px 8px #263e6509; }
.auth-news-page, .news-detail-page { background:var(--news-bg);color:var(--news-text);font-family:-apple-system,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif; }
body.auth-news-page { display:block; padding:0; }
.auth-news-page::before { background:linear-gradient(135deg,var(--news-bg),var(--news-bg-end)); }
.auth-news-page::after,.auth-news-page .card::before { display:none; }
.auth-topbar { position:relative;z-index:2;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px; }
.news-wordmark { font-size:21px;font-weight:750;letter-spacing:.15em;color:var(--news-text);text-decoration:none; }
.news-wordmark span { font-size:10px;letter-spacing:.18em;font-weight:500;color:var(--news-muted); }
.news-tools { display:flex;align-items:center;gap:16px; }
.theme-switch { color:var(--news-muted);background:transparent;border:1px solid var(--news-line);border-radius:6px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer;min-height:36px; }
.auth-layout { position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:32px;align-items:stretch;width:calc(100% - 96px);max-width:1240px;margin:clamp(28px,6vh,72px) auto 64px;padding:0; }
.auth-news-page .card,.login-news {background:var(--news-panel);border:1px solid var(--news-line);border-radius:var(--news-radius);box-shadow:var(--news-shadow);}
.auth-news-page .card {width:100%;max-width:none;display:flex;flex-direction:column;justify-content:center;backdrop-filter:none;color:var(--news-text);padding:36px 48px;}
.auth-news-page .card > * {width:100%;max-width:400px;margin-left:auto;margin-right:auto;}
.auth-news-page .card .brand {margin-bottom:0;}
.auth-news-page .card .err {margin-top:8px;min-height:16px;}
.auth-news-page .card .reg {margin-top:8px;}
.auth-news-page .card .foot {margin-top:24px;padding-top:18px;}
.auth-news-page { --text:var(--news-text);--text-dim:var(--news-muted);--border:var(--news-line);--bg:var(--news-bg);--surface-2:var(--news-panel);--accent:var(--news-accent);--control-bg:var(--news-bg); }
.auth-news-page .btn { background:var(--news-button);color:#fff;min-height:48px; }
.auth-news-page .btn:hover { filter:brightness(1.08); }
.auth-news-page .btn:disabled {background:var(--news-line);color:var(--news-muted);}
.auth-news-page .field input { min-height:46px;font-size:14px;background:var(--news-bg);color:var(--news-text);border-color:var(--news-line); }
.auth-news-page .field input::placeholder {color:var(--news-muted);opacity:1;}
.auth-news-page .field input:focus {--border:var(--news-accent);border-color:var(--news-accent);}
.auth-news-page .sub { margin-top:16px;margin-bottom:28px;line-height:1.65;gap:8px; }
.auth-news-page .sub strong { color:var(--news-text);font-size:26px;letter-spacing:0;line-height:1.35; }
.login-news { min-width:0;display:flex;flex-direction:column;overflow:hidden; }
.news-intro {display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:20px 26px;margin:0;}
.news-intro h1 {font-size:18px;font-weight:600;line-height:1.5;margin:0;white-space:nowrap;}
.news-intro p {color:var(--news-muted);font-size:11px;line-height:1.6;margin:0;text-align:right;}
.news-frame {position:relative;display:flex;flex:1;min-height:0;}
.news-viewport {overflow:hidden;touch-action:pan-y;display:flex;flex:1;min-width:0;}
.news-track {display:flex;width:100%;transition:transform .3s ease;}
.news-slide {min-width:100%;width:100%;flex:0 0 100%;display:flex;}
.news-card {display:flex;flex-direction:column;width:100%;text-decoration:none;color:var(--news-text);background:var(--news-panel);}
.news-card:focus-visible { outline:3px solid var(--news-accent);outline-offset:-4px; }
.news-cover {position:relative;overflow:hidden;height:248px;flex:none;background:#181818;}
.news-cover img {display:block;width:100%;height:100%;object-fit:cover;object-position:60% 10%;}
.news-cover[data-cover="release"] img {object-position:88% center;}
.news-cover[data-cover="ranking"] img {object-position:68% 10%;}
.login-news .news-cover {height:160px;margin:0 24px;border-radius:10px;background:var(--news-panel);}
.login-news .news-cover img {filter:contrast(.78) saturate(.55);opacity:.84;}
.login-news .news-cover::after {content:'';position:absolute;inset:0;background:var(--news-panel);opacity:.16;pointer-events:none;}
.login-news .cover-caption {top:12px;left:12px;z-index:1;background:var(--news-panel);color:var(--news-muted);}
.cover-caption {position:absolute;top:16px;left:20px;font-size:10px;letter-spacing:.08em;color:#fff;background:#181818b8;border-radius:4px;padding:5px 8px;}
.news-card-body {padding:23px 26px 22px;display:flex;flex-direction:column;flex:1;}
.news-meta {display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:var(--news-muted);}
.login-news .news-meta > span:first-child {color:var(--news-accent);font-weight:600;}
.demo-badge {font-size:10px;border:1px solid var(--news-line);padding:3px 6px;border-radius:4px;color:var(--news-muted);white-space:nowrap;}
.news-card h2 {font-size:23px;font-weight:600;line-height:1.4;margin:12px 0 8px;}
.news-card p {font-size:13px;line-height:1.7;color:var(--news-muted);margin:0 0 20px;min-height:44px;}
.news-highlights {display:grid;gap:9px;margin:0 0 20px;padding:0;list-style:none;color:var(--news-muted);font-size:12px;line-height:1.5;}
.news-highlights li {display:flex;align-items:baseline;gap:9px;}
.news-highlights li::before {content:'';width:5px;height:5px;border-radius:50%;background:var(--news-accent);flex:none;align-self:center;}
.news-card-foot {display:flex;justify-content:space-between;gap:15px;padding-top:16px;border-top:1px solid var(--news-line);font-size:10px;color:var(--news-muted);margin-top:auto;}
.news-card-foot > span:last-child {color:var(--news-accent);white-space:nowrap;}
.news-controls {position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;margin:0 26px 4px;}
.news-count {position:absolute;left:0;font-size:11px;color:var(--news-muted);font-variant-numeric:tabular-nums;}
.news-dots {display:flex;gap:5px;}
.news-dots button {display:grid;place-items:center;background:none;border:0;width:36px;height:36px;cursor:pointer;}
.news-dots button::before {content:'';width:22px;height:3px;border-radius:2px;background:var(--news-line);transition:background .15s;}
.news-dots button[aria-current="true"]::before {background:var(--news-accent);}
.news-arrow {position:absolute;top:80px;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:38px;padding:0;border:1px solid var(--news-line);border-radius:6px;background:var(--news-panel);color:var(--news-accent);cursor:pointer;}
.news-arrow-prev {left:34px;}
.news-arrow-next {right:34px;}
.news-arrow svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.news-arrow:hover {background:var(--news-bg);border-color:var(--news-accent);}
.theme-switch:hover {border-color:var(--news-accent);}
.login-news button:focus-visible,.theme-switch:focus-visible,.news-detail-page a:focus-visible,.news-tools button:focus-visible {outline:2px solid var(--news-accent);outline-offset:3px;}
.news-tools .language-switch {display:flex;border:1px solid var(--news-line);border-radius:6px;padding:3px;gap:2px;}
.news-tools .language-switch button {background:transparent;border:0;border-radius:4px;color:var(--news-muted);padding:6px 8px;font:inherit;font-size:12px;cursor:pointer;}
.news-tools .language-switch button.active,.news-tools .language-switch button[aria-pressed="true"] {background:var(--news-button);color:#fff;}
.sr-only {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.news-detail-page {margin:0;min-height:100vh;line-height:1.6;}
.news-detail-page * {box-sizing:border-box;}
.news-detail-page a {color:var(--news-accent);}
.news-detail-page .news-wordmark {color:var(--news-text);}
.news-article {width:min(850px,100%);padding:32px 30px 80px;margin:auto;}
.news-back {font-size:13px;text-decoration:none;}
.article-heading {padding:32px 0 26px;}
.article-heading h1 {font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.3;margin:18px 0 12px;}
.article-heading p {font-size:17px;color:var(--news-muted);margin:0 0 18px;}
.article-date {font-size:12px;color:var(--news-muted);}
.news-article .news-cover {height:auto;border:1px solid var(--news-line);border-radius:14px;aspect-ratio:2.6;}
.news-article .news-cover img {position:absolute;inset:0;}
.demo-disclaimer {padding:16px 18px;border-left:2px solid var(--news-line);background:var(--news-panel);margin:24px 0 32px;color:var(--news-muted);font-size:13px;}
.article-copy section {display:grid;grid-template-columns:38px minmax(0,1fr);gap:18px;margin:35px 0;}
.article-number {color:var(--news-accent);font-size:12px;padding-top:6px;font-variant-numeric:tabular-nums;}
.article-copy h2 {font-weight:600;font-size:21px;margin:0 0 14px;}
.article-copy p {font-size:15px;line-height:1.95;color:var(--news-muted);margin:0;}
.news-table-scroll {overflow:auto;border:1px solid var(--news-line);border-radius:10px;}
.news-table-scroll table {border-collapse:collapse;width:100%;min-width:650px;font-size:12px;text-align:left;}
.news-table-scroll caption {text-align:left;padding:18px;color:var(--news-text);font-size:13px;}
.news-table-scroll th,.news-table-scroll td {padding:14px 12px;border-top:1px solid var(--news-line);font-variant-numeric:tabular-nums;}
.news-table-scroll tbody th {font-weight:500;}
.news-sources a {overflow-wrap:anywhere;}
.news-table-scroll thead {background:var(--news-panel);}
.news-related {margin-top:50px;border-top:1px solid var(--news-line);padding-top:25px;}
.news-related h2 {font-size:14px;font-weight:500;color:var(--news-muted);}
.news-related a {display:flex;justify-content:space-between;gap:15px;padding:18px 0;text-decoration:none;border-bottom:1px solid var(--news-line);}
@media(max-width:1100px) {.auth-layout{gap:24px;width:calc(100% - 56px);}.auth-news-page .card{padding:32px;}.news-intro{display:block;padding:18px 20px;}.news-intro p{text-align:left;margin-top:4px;}.news-card-body{padding:20px;}.news-card h2{font-size:21px;}.news-card-foot{flex-wrap:wrap;}.auth-topbar{padding:24px 28px;}}
@media(max-width:900px) {.auth-layout{display:flex;flex-direction:column;gap:32px;width:calc(100% - 44px);margin:12px auto 40px;padding:0;max-width:516px;}.auth-news-page .card{order:-1;max-width:none;}.login-news{width:100%;}.auth-topbar{padding:22px;}.news-intro{display:flex;flex-wrap:wrap;gap:4px 16px;}.news-intro p{margin:0;}.news-cover{height:220px;}.news-wordmark span{display:none;}.news-tools{gap:8px;}.news-article{padding:20px 22px 60px;}.news-detail-page .auth-topbar{flex-wrap:wrap;}.article-copy section{grid-template-columns:24px minmax(0,1fr);gap:10px;}.captcha-row{flex-wrap:wrap;}.news-card-foot{font-size:10px;}}
@media(prefers-reduced-motion:reduce) {.news-track,.news-dots button::before {transition:none!important;}.auth-news-page * {scroll-behavior:auto!important;}}