body { margin: 0; color: #20314b; background: #f4f7fc; font-family: '微软雅黑', Arial, sans-serif; }
.paper-nav { background: #285ae5; color: #fff; }
.paper-nav-inner { max-width: 1200px; margin: auto; padding: 18px 24px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.paper-brand { color: #fff; font-size: 24px; font-weight: 700; }
.paper-nav nav { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 12px; }
.paper-nav nav a { color: #fff; font-size: clamp(14px, 1.2vw, 24px); font-weight: 700; white-space: nowrap; text-decoration: none; }
.paper-nav nav a:hover { text-decoration: underline; }
.paper-nav nav a.is-current { color: #eaf20d; }
.paper-main { max-width: 1100px; margin: 34px auto 80px; padding: 40px; background: #fff; border-radius: 8px; box-shadow: 0 3px 18px rgba(34,69,126,.08); }
.paper-hero { display: grid; grid-template-columns: minmax(0, 1fr) 190px; align-items: start; gap: 32px; }
.paper-hero-copy { min-width: 0; }
.paper-cover { display: block; padding: 8px; border: 1px solid #d8e4f5; border-radius: 6px; color: #1957b8; text-align: center; text-decoration: none; box-shadow: 0 3px 12px rgba(34,69,126,.1); }
.paper-cover img { display: block; width: 100%; height: auto; }
.paper-cover:hover { border-color: #1957b8; }
.paper-kicker { color: #285ae5; font-weight: 700; margin-bottom: 12px; }
.paper-main h1 { color: #174893; font-size: clamp(28px, 3vw, 38px); line-height: 1.3; overflow-wrap: anywhere; }
.paper-main h2 { color: #174893; font-size: 24px; margin-top: 34px; }
.paper-main p { font-size: 17px; line-height: 1.75; }
.paper-intro { text-indent: 2em; font-family: 'Times New Roman', SimSun, '宋体', serif; font-weight: 400; }
.paper-authors { color: #596b83; }
.paper-table-wrap { overflow-x: auto; }
.paper-main table { width: 100%; border-collapse: collapse; min-width: 560px; }
.paper-main th, .paper-main td { text-align: left; padding: 13px; border-bottom: 1px solid #d8e4f5; vertical-align: top; }
.paper-main th { background: #edf4ff; }
.paper-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0; }
.paper-links a { display: inline-block; padding: 10px 16px; border-radius: 4px; background: #005be0; color: #fff; font-weight: 700; }
.paper-figures { margin: 32px 0; }
.paper-figures figure { margin: 20px 0 0; padding: 18px; border: 1px solid #d8e4f5; border-radius: 8px; background: #f8fbff; }
.paper-figures img { display: block; width: 100%; height: auto; }
.paper-figures img, .paper-cover img { user-select: none; -webkit-user-select: none; -webkit-user-drag: none; }
.paper-figures figcaption { margin-top: 14px; color: #626b78; font-family: 'SimHei', '黑体', sans-serif; font-size: 17px; font-weight: 700; line-height: 1.65; }
.paper-preview { margin: 36px 0; padding: 24px; border: 1px solid #d8e4f5; border-radius: 8px; background: #f8fbff; }
.paper-preview h2 { margin-top: 0; }
.paper-preview > p { margin: 10px 0 18px; }
.paper-controls { display: flex; flex-wrap: wrap; gap: 16px; margin: 20px 0; }
.paper-controls label { color: #174893; font-weight: 700; }
.paper-controls select { display: block; margin-top: 7px; min-width: 170px; padding: 9px 12px; border: 1px solid #aabddd; border-radius: 4px; background: #fff; color: #20314b; font: inherit; }
.paper-chart { width: 100%; height: 390px; background: #fff; border: 1px solid #d8e4f5; border-radius: 6px; }
.paper-chart-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.paper-chart-panel { min-width: 0; }
.paper-chart-panel h3 { margin: 0 0 10px; color: #174893; font-size: 18px; }
.paper-chart-panel .paper-chart { box-sizing: border-box; height: 350px; }
.park-chart-grid .paper-chart { height: 280px; }
.city-preview-layout { display: grid; grid-template-columns: minmax(245px, .85fr) minmax(0, 1.65fr); gap: 24px; align-items: start; }
.city-preview-info, .city-preview-visual { min-width: 0; }
.city-preview-info > p { margin: 10px 0 18px; }
.city-preview-controls { display: grid; gap: 14px; margin: 18px 0; }
.city-preview-controls label, .city-preview-controls select { width: 100%; min-width: 0; box-sizing: border-box; }
.city-preview-visual .paper-chart { box-sizing: border-box; height: 320px; }
a:focus-visible { outline: 3px solid #ffbf47; outline-offset: 3px; }
@media (max-width: 860px) { .city-preview-layout { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) { .paper-nav-inner { display: block; } .paper-nav nav { margin-top: 12px; } .paper-main { margin: 16px; padding: 22px 16px; } .paper-hero { grid-template-columns: minmax(0, 1fr); gap: 18px; } .paper-cover { width: 160px; max-width: 100%; } .paper-figures figure { padding: 10px; } .paper-preview { padding: 16px 12px; } .paper-chart-grid { grid-template-columns: minmax(0, 1fr); } .paper-chart-panel .paper-chart { height: 320px; } .paper-controls label, .paper-controls select { width: 100%; } }