:root {
  --news-bg: #050510;
  --news-bg-soft: #09091b;
  --news-surface: rgba(20, 19, 48, 0.78);
  --news-line: rgba(141, 127, 255, 0.22);
  --news-line-strong: rgba(159, 126, 255, 0.52);
  --news-text: #f8f8ff;
  --news-muted: #a8a6c4;
  --news-purple: #9b6cff;
  --news-blue: #4d8dff;
  --news-gradient: linear-gradient(105deg, #8557ff 0%, #6b62ff 48%, #4e91ff 100%);
  --news-header-height: 85px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; min-width:320px; background:var(--news-bg); color:var(--news-text); font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
body::before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background:radial-gradient(circle at 70% 16%, rgba(87,70,255,.19), transparent 30%),radial-gradient(circle at 8% 42%, rgba(55,104,255,.10), transparent 28%),#050510; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.news-container { width:min(1180px,calc(100% - 40px)); margin:0 auto; }

.news-hero { position:relative; min-height:calc(280px + var(--news-header-height)); overflow:hidden; padding-top:var(--news-header-height); scroll-margin-top:var(--news-header-height); border-bottom:1px solid rgba(143,125,255,.14); }
.news-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,5,16,.96) 0%,rgba(5,5,16,.78) 43%,rgba(5,5,16,.15) 100%),radial-gradient(ellipse at 77% 60%,rgba(73,67,255,.28),transparent 45%); }
.news-hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:linear-gradient(90deg,transparent,rgba(145,105,255,.7),transparent); }
.news-hero-inner { position:relative; min-height:280px; display:flex; align-items:center; justify-content:space-between; gap:50px; }
.news-hero-copy { position:relative; z-index:2; max-width:720px; padding:38px 0 42px; }
.news-hero-copy h1 { margin:0 0 12px; color:#fff; font-size:clamp(44px,5vw,64px); line-height:1.1; letter-spacing:-.03em; font-weight:800; }
.news-hero-lead { max-width:650px; margin:0; color:#c1bed5; font-size:15px; line-height:1.7; }
.news-hero-art { position:relative; z-index:1; width:440px; min-width:340px; display:flex; align-items:center; justify-content:center; }
.news-hero-art img { display:block; width:100%; max-width:none; filter:drop-shadow(0 24px 48px rgba(32,58,180,.2)); }

.news-list-section { position:relative; padding:44px 0 78px; background:linear-gradient(180deg,#050510 0%,#08081a 100%); }
.news-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:26px; }
.news-section-title { display:flex; align-items:center; gap:16px; min-width:0; flex-wrap:wrap; }
.news-category-nav { display:flex; flex-wrap:wrap; gap:8px; }
.news-category-nav a { color:#c4bfdc; font-size:14px; line-height:1.4; padding:5px 12px; border:1px solid transparent; border-radius:999px; }
.news-category-nav a:hover,
.news-category-nav a.is-active { color:#fff; border-color:rgba(159,126,255,.45); background:rgba(129,91,255,.18); }
.news-section-heading h2 { margin:0; color:#fff; font-size:28px; font-weight:700; letter-spacing:-.02em; }
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.news-card { position:relative; overflow:hidden; border:1px solid var(--news-line); border-radius:13px; background:linear-gradient(155deg,rgba(31,29,65,.80),rgba(12,12,30,.88)); box-shadow:0 14px 40px rgba(0,0,0,.20); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.news-card::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(130deg,rgba(148,115,255,.13),transparent 33%); opacity:0; transition:opacity .25s ease; }
.news-card:hover { transform:translateY(-5px); border-color:var(--news-line-strong); box-shadow:0 22px 52px rgba(69,40,170,.27); }
.news-card:hover::before { opacity:1; }
.news-card-image { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:#111126; }
.news-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.news-card:hover .news-card-image img { transform:scale(1.045); }
.news-card-shine { position:absolute; inset:0; background:linear-gradient(125deg,rgba(112,83,255,.15),transparent 32%,rgba(67,148,255,.12)); }
.news-card-body { position:relative; padding:22px 24px 24px; }
.news-card-meta { display:flex; align-items:center; color:#938fab; font-size:12px; letter-spacing:.04em; }

.news-card h2 { margin:13px 0 10px; color:#f8f7ff; font-size:20px; line-height:1.5; font-weight:650; }
.news-card h2 a:hover { color:#bca8ff; }
.news-card p { display:-webkit-box; overflow:hidden; margin:0 0 20px; color:#928fa8; font-size:14px; line-height:1.75; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news-more { display:inline-flex; align-items:center; gap:8px; color:#a98aff; font-size:13px; font-weight:700; }
.news-more span { transition:transform .2s ease; }.news-more:hover span { transform:translateX(4px); }
.news-pagination { display:flex; align-items:center; justify-content:center; gap:20px; margin-top:44px; color:#8f8aa6; font-size:14px; }
.news-pagination a,.news-pagination strong { color:#bca3ff; }.news-pagination a { padding:7px 13px; border:1px solid var(--news-line); border-radius:6px; }
.news-pagination a:hover { border-color:var(--news-line-strong); background:rgba(129,91,255,.11); }

.news-empty-state { min-height:300px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:35px 20px 45px; border:1px solid rgba(140,118,255,.2); border-radius:14px; background:linear-gradient(155deg,rgba(32,28,71,.52),rgba(9,9,25,.78)); text-align:center; }
.news-empty-icon { width:68px; height:68px; position:relative; margin-bottom:20px; border:1px solid rgba(158,128,255,.4); border-radius:20px; background:rgba(107,77,255,.13); transform:rotate(45deg); }.news-empty-icon span { position:absolute; width:5px; height:5px; border-radius:50%; background:#a58bff; box-shadow:0 0 14px #7e5aff; }.news-empty-icon span:nth-child(1) { top:17px; left:17px; }.news-empty-icon span:nth-child(2) { right:17px; bottom:17px; }.news-empty-icon span:nth-child(3) { right:18px; top:20px; background:#5fb4ff; }.news-empty-state h3 { margin:0 0 8px; color:#eeeaff; font-size:20px; }.news-empty-state p { margin:0 0 22px; color:#8f8ba6; font-size:14px; }.news-empty-state a { color:#b39bff; font-size:14px; font-weight:600; }

.news-detail-page { position:relative; overflow:hidden; padding:calc(var(--news-header-height) + 28px) 0 90px; background:linear-gradient(180deg,#050510 0%,#08081a 100%); }.news-detail-orbit { position:absolute; width:680px; height:680px; top:-380px; right:-220px; border-radius:50%; border:1px solid rgba(126,100,255,.13); box-shadow:0 0 110px rgba(83,50,220,.13) inset; pointer-events:none; }.news-detail-layout { display:grid; grid-template-columns:minmax(0,850px) 300px; grid-template-rows:auto 1fr; justify-content:space-between; align-items:start; column-gap:54px; row-gap:0; }
.news-detail { display:contents; }.news-detail-head { grid-column:1; grid-row:1; margin-bottom:28px; padding-top:8px; }.news-detail-head h1 { max-width:820px; margin:0 0 16px; color:#fff; font-size:clamp(34px,5vw,58px); line-height:1.2; letter-spacing:-.035em; }.news-detail-meta { display:flex; align-items:center; gap:12px; color:#85819d; font-size:13px; }.news-detail-meta > span:first-of-type { width:20px; height:1px; background:#7155c4; }.news-detail-body { min-width:0; grid-column:1; grid-row:2; }.news-detail-end { display:flex; align-items:center; gap:20px; margin-top:56px; padding-top:23px; border-top:1px solid rgba(137,119,211,.22); }.news-detail-end > span { flex:1; height:1px; background:linear-gradient(90deg,rgba(138,110,245,.27),transparent); }.news-detail-end a { color:#b39bff; font-size:14px; font-weight:600; }.news-not-found { max-width:760px; padding:80px 0; }.news-not-found h1 { margin:0 0 15px; font-size:50px; }.news-not-found > p { color:#9793ab; }.news-primary-link { display:inline-block; margin-top:24px; padding:11px 18px; border-radius:6px; background:var(--news-gradient); color:#fff; font-size:14px; font-weight:600; }

.news-detail-side { position:sticky; top:calc(var(--news-header-height) + 22px); grid-column:2; grid-row:2; display:flex; flex-direction:column; gap:22px; }
.news-recommendations,.news-contact { overflow:hidden; border:1px solid var(--news-line); border-radius:13px; }
.news-recommendations { padding:22px 20px 12px; background:linear-gradient(155deg,rgba(62,58,116,.94),rgba(38,36,82,.96)); }
.news-side-heading { margin-bottom:4px; padding-bottom:14px; border-bottom:1px solid rgba(141,127,255,.2); }
.news-side-heading h2 { margin:0; color:#fff; font-size:22px; letter-spacing:-.02em; }
.news-recommendation { display:block; padding:16px 0; border-bottom:1px solid rgba(141,127,255,.16); }
.news-recommendation:last-child { border-bottom:0; }
.news-recommendation-image { display:block; aspect-ratio:16/9; overflow:hidden; border-radius:8px; background:#111126; }
.news-recommendation-image img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.news-recommendation:hover .news-recommendation-image img { transform:scale(1.05); }
.news-recommendation-copy { min-width:0; display:flex; flex-direction:column; gap:9px; padding-top:11px; }
.news-recommendation-copy time { color:#8f89a8; font-size:11px; }
.news-recommendation-copy strong { display:-webkit-box; overflow:hidden; color:#e9e6f4; font-size:15px; font-weight:650; line-height:1.6; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.news-recommendation:hover .news-recommendation-copy strong { color:#c4b0ff; }
.news-contact { padding:24px 20px 20px; background:radial-gradient(circle at 88% 0,rgba(115,77,255,.18),transparent 42%),linear-gradient(155deg,rgba(29,26,65,.9),rgba(9,9,24,.95)); }
.news-contact h2 { margin:0 0 18px; color:#fff; font-size:24px; letter-spacing:-.02em; }
.news-contact-label { margin:0 0 5px; color:#9f9bb3; font-size:12px; }
.news-contact-phone { display:inline-block; color:#fff; font-size:25px; font-weight:800; letter-spacing:.01em; }
.news-contact-phone:hover { color:#c6b2ff; }
.news-contact-qr { display:flex; align-items:center; gap:14px; margin-top:20px; padding-top:18px; border-top:1px solid rgba(141,127,255,.18); }
.news-contact-qr img { width:92px; height:92px; padding:5px; border-radius:5px; background:#fff; }
.news-contact-qr span { max-width:110px; color:#a7a2bd; font-size:12px; line-height:1.6; }
.news-site-footer { position:relative; overflow:hidden; padding:64px 0 0; background:radial-gradient(circle at 88% 0%,rgba(59,130,246,.12),transparent 30%),linear-gradient(180deg,#080914,#050508); border-top:1px solid rgba(148,163,184,.18); color:#a7b0c0; }
.news-site-footer .footer-orbit { position:absolute; right:-160px; top:-220px; width:640px; height:640px; border:1px solid rgba(96,165,250,.16); border-radius:50%; background:rgba(59,130,246,.05); }
.news-site-footer .footer-orbit::after { content:""; position:absolute; inset:96px; border:1px solid rgba(96,165,250,.18); border-radius:50%; }
.news-site-footer .news-footer-container { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
.news-site-footer .footer-links-grid { position:relative; display:grid; grid-template-columns:1.25fr .95fr .95fr .72fr .85fr; gap:52px; padding-bottom:30px; border-bottom:1px solid rgba(148,163,184,.18); }
.news-site-footer .footer-col h3 { margin:0 0 18px; color:#fff; font-size:22px; line-height:1.3; }
.news-site-footer .footer-col a { display:block; margin:0 0 10px; color:#a7b0c0; font-size:15px; }
.news-site-footer .footer-col a:hover { color:#93c5fd; }
.news-site-footer .footer-company { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:36px; align-items:end; padding-top:28px; }
.news-site-footer .footer-logo img { display:block; width:132px; height:auto; margin-bottom:20px; }
.news-site-footer .footer-company p { max-width:none; margin:0 0 9px; color:#a7b0c0; font-size:16px; }
.news-site-footer .footer-company a { color:#a7b0c0; }
.news-site-footer .footer-company a:hover { color:#93c5fd; }
.news-site-footer .footer-qrs { display:flex; gap:24px; }
.news-site-footer .footer-qrs figure { margin:0; }
.news-site-footer .footer-qrs figcaption { margin-bottom:10px; color:#fff; font-weight:700; text-align:center; }
.news-site-footer .footer-qrs img { width:92px; height:92px; object-fit:cover; background:#fff; border:6px solid #fff; }
.news-site-footer .footer-watermark { position:relative; z-index:1; width:min(100%,1020px); margin:22px auto 0; padding:0 24px 30px; overflow:hidden; }
.news-site-footer .footer-watermark-wordmark { display:block; width:100%; max-width:580px; height:auto; opacity:.075; }
@media (max-width:900px) { .news-hero { min-height:calc(250px + var(--news-header-height)); } .news-hero-inner { min-height:250px; }.news-hero-art { width:330px; min-width:270px; }.news-hero-copy { padding:30px 0 34px; }.news-grid { grid-template-columns:repeat(2,1fr); } .news-detail-layout { grid-template-columns:1fr; gap:28px; } .news-detail-head { grid-column:1; grid-row:1; } .news-detail-body { grid-column:1; grid-row:2; } .news-detail-side { position:static; grid-column:1; grid-row:3; padding-top:0; }.news-site-footer .footer-links-grid { gap:28px; } }
@media (max-width:640px) { .news-container { width:calc(100% - 32px); }.news-hero { min-height:var(--news-header-height); } .news-hero-inner { min-height:0; }.news-hero-inner { display:block; }.news-hero-copy { padding:30px 0 34px; }.news-hero-copy h1 { font-size:42px; }.news-hero-lead { font-size:14px; }.news-hero-art { display:none; }.news-list-section { padding:34px 0 58px; }.news-section-heading { display:block; margin-bottom:24px; }.news-section-heading h2 { font-size:27px; }.news-grid { grid-template-columns:1fr; gap:17px; }.news-card-body { padding:20px; }.news-card h2 { font-size:19px; }.news-detail-page { padding:calc(var(--news-header-height) + 20px) 0 58px; } .news-detail-layout { display:block; } .news-detail-side { position:static; margin-top:34px; } .news-contact { padding:21px 18px; }.news-detail-head h1 { font-size:34px; }.news-site-footer { padding-top:42px; }.news-site-footer .footer-links-grid { grid-template-columns:repeat(2,1fr); gap:25px; }.news-site-footer .footer-company { display:block; }.news-site-footer .footer-qrs { margin-top:26px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .news-card,.news-card-image img { transition:none; } }

.news-detail-tags { display:flex; flex-wrap:wrap; gap:8px; max-width:740px; margin:0 0 20px; }
.news-detail-tag { display:inline-flex; align-items:center; padding:4px 10px; border:1px solid rgba(159,126,255,.38); border-radius:999px; background:rgba(108,81,220,.16); color:#ddd6ff; font-size:13px; line-height:1.5; }

.news-detail-body > .news-content { padding:28px; border:1px solid #dce3ee; border-radius:10px; }
@media(max-width:720px){.news-detail-body > .news-content{padding:18px;}}