:root { font-family: Arial, "Microsoft YaHei", sans-serif; color: #1f2937; background: #f5f7fb; }
* { box-sizing: border-box; }
body { margin: 0; }
.site-header { background: #fff; border-bottom: 1px solid #e5e7eb; }
.site-nav { max-width: 1440px; margin: auto; min-height: 72px; padding: 16px 28px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.site-nav a { color: #2563eb; text-decoration: none; }
.site-nav .brand { margin-right: auto; font-weight: 700; font-size: 19px; }
.site-nav .active { font-weight: 700; }
.site-nav span { color: #9ca3af; font-size: 14px; }
.nav-button { background:none;color:#2563eb;padding:0; }
.content { max-width: 1200px; margin: 48px auto; padding: 0 24px; }
.card { background: #fff; border-radius: 16px; padding: 48px; box-shadow: 0 8px 30px #1f29370d; }
h1 { margin: 10px 0 18px; font-size: 32px; }
p { line-height: 1.7; }
.eyebrow { color: #2563eb; font-weight: 700; }
.notice { margin-top: 28px; color: #6b7280; }
.space { margin-top: 24px; }
.card + .card { margin-top: 24px; }
.card { padding: 30px; }
.page-head,.actions,.filters,.playback { display:flex;align-items:center;gap:16px;flex-wrap:wrap; }
.page-head { justify-content:space-between;margin-bottom:20px; }
.filters { margin-bottom:22px; }
label { display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:14px; }
input,select,textarea { border:1px solid #cbd5e1;border-radius:7px;padding:10px 12px;font:inherit;color:inherit;background:white;min-width:130px; }
input[type=checkbox] { min-width:auto; }
button,.button { border:0;border-radius:7px;background:#2563eb;color:#fff;padding:11px 17px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block; }
.button.secondary { background:#e8efff;color:#1d4ed8; }
a { color:#1d4ed8; }
.paper-form { display:grid;gap:18px;max-width:850px; }
.paper-form textarea,.paper-form input { width:100%; }
.table-wrap { width:100%;overflow-x:auto; }
table { border-collapse:collapse;width:100%;min-width:800px; }
th,td { padding:13px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top; }
th { background:#f8fafc;white-space:nowrap; }
.title-cell { min-width:210px;overflow-wrap:anywhere; }
small { display:block;color:#64748b;margin-top:6px; }
.danger-link { color:#b91c1c;background:none;padding:0; }
.pagination { display:flex;gap:18px;margin-top:20px; }
.empty,.error,.flash { padding:18px;background:#f1f5f9;border-radius:8px; }
.error { color:#b91c1c;background:#fef2f2; }
.flash { background:#ecfdf5;color:#065f46; }
.bar-row { display:flex;gap:14px;align-items:center;text-decoration:none;padding:8px 0; }
.bar-row>span:first-child { min-width:200px; }
.bar { height:16px;background:#93c5fd;border-radius:4px; }
.bar-row b { white-space:nowrap; }
.graph-layout { display:grid;grid-template-columns:minmax(0,3fr) minmax(190px,1fr);gap:20px; }
#graph { background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%; }
.graph-node { cursor:pointer; }
.graph-node text { fill:#334155;font-size:14px; }
.related { padding:16px;border:1px solid #e2e8f0;border-radius:10px; }
#related-papers a { display:block;margin:10px 0;overflow-wrap:anywhere; }
.trend-rows { margin-top:20px; }
.trend-item { padding:17px;border-bottom:1px solid #e2e8f0; }
.trend-bar { display:inline-block;height:12px;background:#60a5fa;border-radius:5px;margin-left:12px; }
[hidden] { display:none!important; }
@media(max-width:750px){.content{margin:24px auto}.card{padding:20px}.graph-layout{grid-template-columns:1fr}.bar-row>span:first-child{min-width:120px}}