:root{--bg-1:#161a43;--bg-2:#173c66;--ink:#151d3a;--muted:#667099;--accent:#a86bff;--accent-2:#19d3ff;--surface:#f6f8ff;}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:var(--surface);color:var(--ink);line-height:1.65;}a{text-decoration:none;} .top-nav{background:rgba(10,15,40,.64);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease;} .top-nav.scrolled{background:rgba(8,12,34,.92);} .navbar .nav-link{color:rgba(230,238,255,.84);font-weight:500;} .navbar .nav-link:hover,.navbar .nav-link.active{color:#fff;} .navbar .dropdown-menu{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:.5rem;} .navbar .dropdown-item{border-radius:10px;color:#dfe7ff;} .navbar .dropdown-item:hover{background:rgba(255,255,255,.12);color:#fff;} .brand-mark{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 18px rgba(25,211,255,.3);} .brand-text{font-weight:700;letter-spacing:.2px;} .btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:0;color:#fff;font-weight:600;} .btn-accent:hover{color:#fff;opacity:.93;} .ghost-btn{border:1px solid rgba(255,255,255,.48);color:#fff;} .ghost-btn:hover{background:rgba(255,255,255,.12);color:#fff;} .hero-section{padding:120px 0 72px;background:radial-gradient(circle at 8% 14%,rgba(168,107,255,.34),transparent 42%),radial-gradient(circle at 92% 20%,rgba(25,211,255,.26),transparent 36%),linear-gradient(135deg,var(--bg-1),#20245a 50%,var(--bg-2));color:#edf2ff;} .hero-kicker{display:inline-flex;padding:.26rem .72rem;border-radius:999px;background:rgba(255,255,255,.12);font-size:.84rem;color:#dce6ff;} .hero-title{font-size:clamp(2rem,4vw,3.25rem);line-height:1.15;font-weight:800;letter-spacing:.3px;} .hero-desc{color:#ced8ff;max-width:610px;} .hero-actions .btn{font-weight:600;} .hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;} .metric{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:10px 12px;} .metric strong{display:block;font-size:1.08rem;color:#fff;} .metric span{font-size:.82rem;color:#cdd8ff;} .hero-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:12px;box-shadow:0 18px 40px rgba(8,18,57,.35);} .hero-main-wrap{position:relative;} .hero-main-img{width:100%;height:286px;object-fit:cover;border-radius:16px;display:block;} .hero-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:999px;padding:.24rem .68rem;font-size:.76rem;font-weight:600;} .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;} .mini-tile{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:8px;} .mini-tile img{width:54px;height:54px;border-radius:10px;object-fit:cover;} .mini-tile h3{font-size:.88rem;margin:0;color:#fff;} .mini-tile p{font-size:.75rem;margin:2px 0 0;color:#cad5ff;} .section-space{padding:76px 0;} .section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;} .section-label{display:inline-block;font-size:.8rem;font-weight:700;color:#5870da;background:#edf2ff;border-radius:999px;padding:.2rem .62rem;} .section-title h2{margin:.25rem 0 0;font-size:1.9rem;font-weight:800;color:#141d44;} .section-title p{margin:.35rem 0 0;color:var(--muted);} .section-link{font-weight:700;color:#4e66d9;} .media-card{border:0;border-radius:18px;overflow:hidden;box-shadow:0 14px 30px rgba(27,39,82,.09);transition:transform .28s ease,box-shadow .28s ease;background:#fff;} .media-card:hover{transform:translateY(-5px);box-shadow:0 20px 36px rgba(27,39,82,.14);} .media-card .card-img-top{height:220px;object-fit:cover;} .media-card .card-title{color:#1a2450;font-weight:700;} .media-card .card-text{font-size:.88rem;color:#5f6a94;margin-bottom:.72rem;} .date-pill{font-size:.72rem;padding:.18rem .52rem;border-radius:999px;background:#eef2ff;color:#3e52a8;font-weight:700;white-space:nowrap;} .tag-chip{font-size:.72rem;padding:.14rem .5rem;border-radius:999px;background:#f2f6ff;color:#5163a5;font-weight:600;} .latest-section{background:linear-gradient(180deg,#f8fbff 0,#eef6ff 100%);} .latest-card{display:flex;gap:14px;align-items:stretch;background:#fff;border-radius:16px;padding:10px;box-shadow:0 10px 24px rgba(31,45,88,.08);} .latest-card img{width:128px;height:128px;object-fit:cover;border-radius:12px;flex-shrink:0;} .latest-content{display:flex;flex-direction:column;} .latest-content h3{font-size:1.03rem;font-weight:700;margin:0;color:#1e2852;} .latest-content p{margin:8px 0 10px;font-size:.88rem;color:#5f6b93;} .mini-link{display:inline-flex;width:max-content;color:#4961d7;font-weight:700;font-size:.86rem;} .mini-link:hover{color:#2f49c7;} .category-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px rgba(30,42,85,.08);height:100%;} .category-head{padding:12px 14px;color:#fff;font-weight:700;font-size:1rem;} .category-card ul{list-style:none;padding:12px 14px 14px;margin:0;} .category-card li+li{margin-top:8px;} .category-card a{color:#3f4c79;font-size:.9rem;} .category-card a:hover{color:#2f49c7;} .c1 .category-head{background:linear-gradient(135deg,#6b6cf6,#4f93ff);} .c2 .category-head{background:linear-gradient(135deg,#6f4bff,#7e7cff);} .c3 .category-head{background:linear-gradient(135deg,#0ea5e9,#3b82f6);} .c4 .category-head{background:linear-gradient(135deg,#ef5da8,#9d69ff);} .c5 .category-head{background:linear-gradient(135deg,#0fa3b1,#4d7cff);} .c6 .category-head{background:linear-gradient(135deg,#5f6cff,#00a4c7);} .c7 .category-head{background:linear-gradient(135deg,#6272ff,#2d9bff);} .c8 .category-head{background:linear-gradient(135deg,#1889ff,#19b5ff);} .c9 .category-head{background:linear-gradient(135deg,#6262ff,#8a5bff);} .c10 .category-head{background:linear-gradient(135deg,#4d79ff,#3fc1ff);} .ranking-section{padding:84px 0;background:radial-gradient(circle at 10% 18%,rgba(168,107,255,.36),transparent 44%),radial-gradient(circle at 90% 8%,rgba(25,211,255,.22),transparent 40%),linear-gradient(135deg,#13183f,#102d54);color:#edf2ff;} .rank-intro p{color:#c9d4ff;max-width:330px;} .ranking-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:16px;backdrop-filter:blur(8px);} .ranking-item{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:10px 12px;margin-bottom:10px;} .ranking-item:last-child{margin-bottom:0;} .rank-num{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;flex-shrink:0;} .rank-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;} .ranking-item h3{font-size:.96rem;color:#1d2650;margin:0 0 2px;font-weight:700;} .ranking-item p{font-size:.8rem;color:#6d789f;margin:0;} .faq-section{background:#fff;} .accordion-item{border:1px solid #e6ecff;border-radius:12px!important;overflow:hidden;margin-bottom:10px;} .accordion-button{font-weight:700;color:#25315f;background:#f9fbff;} .accordion-button:not(.collapsed){background:#edf2ff;color:#1b2755;box-shadow:none;} .accordion-button:focus{box-shadow:none;border-color:#d8e2ff;} .accordion-body{color:#5c6790;} .friend-section{padding:52px 0 72px;background:linear-gradient(180deg,#f4f8ff,#ecf2ff);} .friend-box{background:#fff;border-radius:16px;padding:22px;box-shadow:0 10px 24px rgba(36,50,94,.09);} .friend-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} .friend-link{display:block;text-align:center;padding:10px 12px;border-radius:999px;background:#f1f5ff;color:#354375;font-weight:700;transition:all .25s ease;} .friend-link:hover{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;transform:translateY(-2px);} .site-footer{background:#0a1029;color:#9ca8d1;padding:48px 0 24px;} .footer-brand{color:#fff;font-weight:700;font-size:1.05rem;} .site-footer h4{font-size:1rem;color:#e9efff;margin-bottom:12px;} .site-footer ul{list-style:none;margin:0;padding:0;} .site-footer li{margin-bottom:8px;} .site-footer a{color:#b8c4ea;} .site-footer a:hover{color:#fff;} .footer-bottom{margin-top:22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:.92rem;} .notice-modal{border:0;border-radius:16px;background:linear-gradient(150deg,#1b2455,#17406a);color:#eaf2ff;} .notice-modal .modal-title{font-weight:700;} .notice-modal .btn-close{filter:invert(1) grayscale(1);} .back-top{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:1.14rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(23,34,78,.34);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .3s;z-index:1040;} .back-top.show{opacity:1;visibility:visible;transform:translateY(0);} @media (max-width:991.98px){.hero-section{padding-top:106px;} .hero-panel{margin-top:20px;} .section-title h2{font-size:1.58rem;} .friend-links{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:767.98px){.media-card .card-img-top{height:188px;} .latest-card{flex-direction:column;} .latest-card img{width:100%;height:170px;} .ranking-section{padding:68px 0;} .rank-intro{margin-bottom:16px;} .hero-metrics{grid-template-columns:1fr 1fr;}} @media (max-width:575.98px){.hero-title{font-size:1.92rem;} .hero-actions{flex-direction:column;align-items:stretch;} .hero-metrics{grid-template-columns:1fr;} .mini-grid{grid-template-columns:1fr;} .friend-links{grid-template-columns:1fr;} .section-space{padding:62px 0;}}