:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#6b7280;--line:#e5e7eb;--brand:#2563eb;--brand2:#1d4ed8;--green:#16a34a;--red:#dc2626;--gold:#d97706;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}.wrap{width:min(1240px,calc(100% - 32px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-row{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--text)}.brand strong{font-size:24px;color:var(--brand)}.brand span{font-size:13px;color:var(--muted)}nav{display:flex;align-items:center;gap:6px}nav a{text-decoration:none;color:#374151;padding:9px 10px;border-radius:10px;font-size:14px}nav a:hover{background:#eff6ff;color:var(--brand)}nav .publish{background:var(--brand);color:#fff;padding-left:14px;padding-right:14px}.hero{margin:30px 0 22px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-radius:24px;padding:44px 46px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 18px 45px rgba(29,78,216,.17)}.hero.small{padding:28px 34px;display:block}.topic-hero{margin-bottom:14px}.hero h1{font-size:36px;line-height:1.25;margin:8px 0 12px}.hero.small h1{font-size:31px}.hero p{margin:0;color:#dbeafe;max-width:840px}.eyebrow{font-size:13px;background:rgba(255,255,255,.14);padding:6px 10px;border-radius:999px}.hero-stat{width:145px;height:145px;flex:0 0 145px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-stat strong{font-size:46px}.hero-stat span{font-size:14px}.hero-actions,.actions{display:flex;gap:12px;margin-top:24px}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 18px;background:var(--brand);color:#fff;text-decoration:none;font-weight:650;cursor:pointer}.button:hover,button:hover{background:var(--brand2)}.button.secondary{background:#fff;color:var(--brand)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:28px 0 15px}.section-head h2{margin:0;font-size:24px}.section-head p{margin:4px 0 0;color:var(--muted)}.section-head a{text-decoration:none;color:var(--brand)}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.server-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:19px;box-shadow:0 8px 24px rgba(15,23,42,.04);position:relative;overflow:hidden}.server-card.green{border-top:3px solid var(--green)}.server-card.red{border-top:3px solid var(--red)}.server-card.luxury{border-top:3px solid var(--gold)}.card-head,.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-head time,.card-foot{font-size:12px;color:var(--muted)}.badge{display:inline-block;border-radius:999px;padding:4px 8px;background:#eff6ff;color:var(--brand);font-size:12px}.server-card h3{margin:13px 0 5px}.server-card h3 a{text-decoration:none;color:var(--text)}.server-card h3 a:hover{color:var(--brand)}.server-card p{margin:8px 0;color:#475569}.server-card .meta{font-size:13px;color:var(--muted)}.card-foot{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.card-foot a{color:var(--brand);text-decoration:none}.topic-links{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 22px}.topic-links a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 13px;text-decoration:none;color:#334155;font-size:13px}.topic-links a:hover{border-color:#bfdbfe;color:var(--brand);background:#eff6ff}.compact-section{margin:30px 0}.compact-title{margin-bottom:12px}.public-table-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:auto;box-shadow:0 8px 24px rgba(15,23,42,.035)}.public-server-table{width:100%;border-collapse:collapse;min-width:980px}.public-server-table th,.public-server-table td{padding:12px 13px;border-bottom:1px solid #edf0f5;text-align:left;white-space:nowrap;font-size:13px}.public-server-table th{background:#f8fafc;color:var(--muted);font-size:12px;font-weight:600}.public-server-table tbody tr:hover{background:#f8fbff}.public-server-table td:first-child{white-space:normal;min-width:150px}.public-server-table td a{text-decoration:none;color:var(--text)}.public-server-table td a:hover{color:var(--brand)}.detail-link{color:var(--brand)!important;font-weight:650}.feature-tag{display:inline-block;border-radius:999px;padding:3px 8px;background:#eef2f7;color:#475569;font-size:12px}.feature-tag.green{background:#ecfdf5;color:#166534}.feature-tag.red{background:#fef2f2;color:#991b1b}.feature-tag.luxury{background:#fff7ed;color:#9a3412}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.value-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.value-grid h3{margin:0 0 8px}.value-grid p{margin:0;color:var(--muted)}.breadcrumb{display:block;margin:25px 0 12px;color:var(--muted);font-size:13px}.breadcrumb a{padding:0;color:var(--brand)}.detail{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;margin-bottom:30px}.detail-title{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:24px}.detail-title h1{font-size:32px;margin:8px 0}.detail-title p{color:var(--muted);margin:0}.open-time{background:#eff6ff;border-radius:14px;padding:16px 20px;min-width:190px;height:max-content}.open-time small{display:block;color:var(--muted)}.open-time strong{display:block;font-size:18px;margin-top:4px}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.info-grid div{background:#f8fafc;border-radius:12px;padding:14px}.info-grid dt{font-size:12px;color:var(--muted)}.info-grid dd{margin:5px 0 0;font-weight:650}.detail section{margin-top:26px}.detail h2{font-size:21px}.prose{color:#334155;white-space:normal}.notice,.alert{border-radius:12px;padding:14px 16px;margin:18px 0}.notice{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.alert.success{background:#ecfdf5;color:#166534}.alert.error{background:#fef2f2;color:#991b1b}.empty{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;text-align:center;padding:45px;color:var(--muted)}.public-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:30px}.public-form label{display:block;font-weight:600;margin:14px 0}.public-form input,.public-form textarea,.public-form select{width:100%;margin-top:6px;border:1px solid #d1d5db;border-radius:10px;padding:11px 12px;font:inherit;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.trust-footer{margin:42px 0 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.trust-head{display:flex;justify-content:space-between;gap:20px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:15px}.trust-head span{font-size:12px;color:var(--brand);font-weight:700}.trust-head h2{font-size:20px;margin:3px 0 0}.trust-head a{color:var(--brand);text-decoration:none;font-size:13px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 0}.trust-grid article{background:#f8fafc;border-radius:12px;padding:15px}.trust-grid strong{font-size:14px}.trust-grid p{font-size:13px;color:#64748b;margin:6px 0 0}.legal-lines{border-top:1px dashed #d8dee8;padding-top:12px;color:#667085;font-size:12px}.legal-lines p{margin:4px 0}.site-footer{border-top:1px solid var(--line);background:#fff;margin-top:20px;padding:24px 0;color:#475569}.site-footer p{margin:4px 0}.muted{color:var(--muted)}.test-banner{margin:14px 0;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;border-radius:10px;padding:10px 13px;font-size:13px}.maintenance-card{margin:15vh auto 0;max-width:620px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px;text-align:center;box-shadow:0 20px 60px rgba(15,23,42,.08)}.maintenance-card h1{margin:0 0 10px}.page-404 .button{margin-top:12px}@media(max-width:980px){.server-grid{grid-template-columns:repeat(2,1fr)}.header-row{height:auto;padding:14px 0;align-items:flex-start}.header-row nav{flex-wrap:wrap;justify-content:flex-end}.hero{padding:32px}.info-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:1fr}}@media(max-width:640px){.wrap{width:min(100% - 20px,1240px)}.brand span{display:none}.header-row{display:block}.header-row nav{margin-top:10px;justify-content:flex-start}.header-row nav a{padding:7px 8px;font-size:13px}.hero{display:block;padding:27px 22px}.hero h1,.hero.small h1{font-size:28px}.hero-stat{display:none}.server-grid,.value-grid,.form-grid{grid-template-columns:1fr}.detail{padding:20px}.detail-title{display:block}.open-time{margin-top:18px}.info-grid{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start}.trust-head{display:block}.trust-head a{display:inline-block;margin-top:8px}}

/* V0.2.16 全站栏位标题间距 */
.public-form label>input,.public-form label>select,.public-form label>textarea{margin-top:9px!important}

/* V0.2.17 前台公开表单同步收紧为标题到栏位8px、字段间14px */
.public-form label{margin:14px 0 0!important}
.public-form .form-grid{row-gap:14px!important}
.public-form .form-grid>label{margin:0!important}
.public-form label>input,.public-form label>select,.public-form label>textarea{margin-top:8px!important}
