:root {--sand:#c4a35a;--sand-light:#d4b86a;--clay-deep:#1c2436;--clay:#2e3a52;--paper:#faf9f5;--ink:#1a1a2e;--line:#e8e0d0;--muted:#8a8272;--green:#2d8659;--gold:#fbbf24;--card:#ffffff;--radius:12px;} * {margin:0;padding:0;box-sizing:border-box;} body {font-family:"Microsoft YaHei","PingFang SC",-apple-system,sans-serif;background:var(--paper);color:var(--ink);line-height:1.7;font-size:15px;-webkit-font-smoothing:antialiased;} a {color:var(--clay);text-decoration:none;} a:hover {color:var(--sand);} .topbar {background:var(--clay-deep);color:#d8dce6;padding:14px 8vw;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;} .topbar .brand {font-size:22px;font-weight:bold;letter-spacing:2px;display:flex;align-items:center;gap:12px;color:#fff;cursor:pointer;} .topbar .brand img {height:42px;width:42px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.2);} .topbar nav {display:flex;gap:6px;} .topbar nav a {color:#d8dce6;padding:8px 14px;font-size:14px;border-radius:8px;transition:all .2s;font-weight:500;} .topbar nav a:hover {background:rgba(255,255,255,.12);color:#fff;} .topbar nav a.active {background:var(--sand);color:var(--clay-deep);} .hero {background:linear-gradient(160deg,var(--clay-deep) 0%,var(--clay) 70%,#3d4c6e 100%);color:#fff;padding:72px 8vw 56px;} .hero-inner {display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto;} .hero-text {flex:1;} .hero-logo {flex-shrink:0;} .hero-logo img {width:240px;height:240px;border-radius:28px;box-shadow:0 8px 32px rgba(0,0,0,.15);} .hero h1 {font-size:34px;margin-bottom:14px;} .hero h1 .gold {color:var(--gold);} .hero p {max-width:720px;color:#d8dce6;font-size:15px;line-height:1.8;} .hero .cta {display:inline-block;margin-top:26px;background:var(--sand);color:var(--clay-deep);padding:12px 30px;border-radius:6px;font-weight:bold;font-size:15px;} .hero .cta:hover {background:var(--sand-light);} .hero .cta.ghost {background:transparent;border:1px solid var(--sand);color:var(--sand);margin-left:12px;} .wrap {padding:48px 8vw;max-width:1200px;margin:0 auto;} .section-title {font-size:22px;margin-bottom:6px;color:var(--clay-deep);font-weight:bold;} .section-sub {color:#7a7263;margin-bottom:26px;font-size:14px;} .channel {margin-bottom:40px;} .channel h3 {font-size:18px;color:var(--clay-deep);margin-bottom:12px;} .badge-row {display:flex;gap:14px;flex-wrap:wrap;margin:26px 0;} .badge {background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;flex:1;min-width:200px;max-width:300px;text-align:center;} .badge .icon {font-size:26px;} .badge .t {font-weight:bold;margin-top:8px;color:var(--clay-deep);} .badge .d {font-size:12px;color:#8a8272;margin-top:4px;} .latest-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:16px;} .latest-col {background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;} .lc-head {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;} .lc-title {font-weight:bold;color:var(--clay-deep);font-size:14px;} .lc-total {font-size:12px;color:var(--muted);} .lc-list {list-style:none;margin:0;padding:0;} .lc-list li {display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line);} .lc-name {color:var(--clay);font-size:13px;text-decoration:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .lc-name:hover {color:var(--sand);} .lc-date {font-size:11px;color:var(--muted);margin-left:8px;white-space:nowrap;} .lc-empty {font-size:13px;color:var(--muted);padding:12px 0;text-align:center;} .lc-more {margin-top:10px;text-align:right;} .lc-more a {font-size:12px;color:var(--clay);} .cards {display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:14px;} .card {background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;transition:all .2s;} .card:hover {box-shadow:0 4px 12px rgba(0,0,0,.06);border-color:var(--sand);} .card .name {font-weight:bold;color:var(--clay-deep);font-size:15px;margin-bottom:6px;} .card .desc {font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:8px;} .card .tag {display:inline-block;font-size:11px;background:#fdf6e3;color:var(--clay);border-radius:4px;padding:2px 8px;margin:0 4px 4px 0;} .card .meta {margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted);} .card .meta a {color:var(--clay);} .panel {background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;max-width:600px;margin:0 auto;} .panel label {display:block;font-size:14px;margin:16px 0 6px;color:var(--clay-deep);font-weight:600;} .panel input,.panel select,.panel textarea {width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit;background:#fafbfc;outline:none;transition:border .15s;} .panel input:focus,.panel select:focus,.panel textarea:focus {border-color:var(--sand);background:#fff;} .panel button {margin-top:22px;width:100%;background:var(--clay-deep);color:#d8dce6;border:none;padding:12px;border-radius:8px;font-size:15px;cursor:pointer;font-weight:600;} .panel button:hover {background:var(--clay);} .msg {margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px;display:none;} .msg.ok {display:block;background:#e6f2ea;color:var(--green);border:1px solid #bcd9c6;} .msg.err {display:block;background:#f9e8e6;color:#a03c30;border:1px solid #e6bdb6;} .kv {display:grid;grid-template-columns:110px 1fr;row-gap:10px;font-size:14px;margin-top:18px;} .kv .k {color:#8a8272;} .kv .v {color:var(--clay-deep);font-weight:600;} .notice-bar {background:linear-gradient(135deg,#fdf6e3,#f5edd6);border:1px solid var(--sand-light);color:var(--clay-deep);border-radius:10px;padding:14px 18px;font-size:13px;margin-bottom:24px;} .latest-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:16px;} .latest-item {background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;transition:all .2s;} .latest-item:hover {box-shadow:0 4px 12px rgba(0,0,0,.06);border-color:var(--sand);} .latest-item .ltag {font-size:11px;padding:2px 8px;border-radius:4px;background:#fdf6e3;color:var(--clay);display:inline-block;margin-bottom:8px;} .latest-item .ltitle {font-size:14px;font-weight:600;color:var(--clay-deep);margin-bottom:4px;} .latest-item .ldesc {font-size:12px;color:var(--muted);line-height:1.5;} .key-bar {display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin-bottom:8px;} .key-bar .kb-icon {font-size:16px;} .key-bar input {flex:1;min-width:0;width:auto !important;border:none !important;outline:none;font-size:14px;padding:8px 4px;background:transparent;color:var(--ink);} .key-bar button {flex:0 0 auto;background:var(--clay-deep);color:#d8dce6;border:none;border-radius:6px;padding:8px 18px;font-size:13px;cursor:pointer;} .key-bar button:hover {background:var(--clay);} .key-bar .kb-state {flex:0 0 auto;font-size:12px;color:var(--green);white-space:nowrap;} .dl-table {width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05);} .dl-table th {background:#fdf6e3;padding:12px 14px;text-align:left;font-size:13px;color:var(--clay);font-weight:bold;border-bottom:2px solid var(--line);} .dl-table td {padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px;} .dl-table tr:hover td {background:#fdf6e3;} .bar-row {margin-bottom:14px;} .bar-row .head {display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px;} .bar-row .head .name {color:var(--clay-deep);font-weight:600;} .bar-row .head .v {color:var(--clay);font-weight:bold;} .bar-track {height:10px;background:var(--line);border-radius:5px;overflow:hidden;} .bar-fill {height:100%;background:var(--sand);border-radius:5px;transition:width 1s ease;} .footer {background:var(--clay-deep);color:#8a8272;padding:40px 8vw;font-size:13px;margin-top:60px;} .footer-brand {display:flex;align-items:center;gap:12px;margin-bottom:12px;} .footer-brand img {height:40px;width:40px;border-radius:10px;} .footer-brand .n {color:#fff;font-size:18px;font-weight:bold;} .footer .gold {color:var(--gold);} .footer p {color:#8a8272;margin-bottom:8px;line-height:1.8;} @media (max-width:760px) {.topbar {flex-direction:column;align-items:flex-start;gap:8px;padding:12px 4vw;} .topbar nav {flex-wrap:wrap;} .topbar nav a {padding:6px 10px;font-size:13px;} .wrap {padding:28px 4vw;} .hero {padding:48px 4vw 36px;} .hero-inner {flex-direction:column;} .hero-logo {display:none;} .key-bar {flex-wrap:wrap;} .key-bar input {flex:1 1 60%;} .panel {padding:20px;} .footer {padding:28px 4vw;}}