:root{--navy:#052149;--navy2:#0B1A3A;--ink:#1C2433;--ink2:#4A5468;--ink3:#6B7486;--gold:#C3A05A;--gold2:#B18B3D;--goldd:#8C6A22;--goldl:#E3C27A;--goldbg:#F7F1E3;--paper:#FAF7F0;--line:#E6DFCF}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
img{max-width:100%}
a{color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.kp-brand{display:inline-flex;flex:0 0 auto;align-items:center;line-height:0;text-decoration:none}
.kp-brand picture{display:block;line-height:0}
.kp-brand img{display:block;width:auto;height:32px;max-width:none;filter:none;opacity:1;mix-blend-mode:normal}
.kp-brand-sm img{height:24px}
.top{background:rgba(250,247,240,.96);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:16px;min-height:68px;flex-wrap:wrap}
.cityname{display:flex;flex-direction:column;line-height:1.25;padding-left:16px;border-left:1px solid var(--line);text-decoration:none}
.cityname b{font-size:15px;color:var(--navy);letter-spacing:.06em;font-weight:700}
.cityname small{font-size:11px;color:var(--goldd);letter-spacing:.2em}
.kpi{margin-left:auto;display:flex;gap:4px}
.kpi a{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 6px 4px;border-radius:12px;text-decoration:none;font-size:11px;color:var(--ink2);white-space:nowrap}
.kpi a:hover{background:var(--goldbg);color:var(--navy)}
.kpi img{width:30px;height:30px;object-fit:contain;display:block}
.crumb{max-width:720px;margin:22px auto 0;padding:0 20px;font-size:13px;color:var(--ink3)}
.crumb a{color:var(--goldd);text-decoration:none}
.crumb span{margin:0 6px}
.head{max-width:720px;margin:0 auto;padding:12px 20px 6px}
.kick{font-size:12px;letter-spacing:.22em;color:var(--goldd);font-weight:700}
.head h1{margin:10px 0 14px;font-size:34px;line-height:1.3;color:var(--navy);font-weight:800;letter-spacing:.02em}
.by{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 0 16px;border-bottom:1px solid var(--line)}
.by picture{line-height:0}
.by img{height:48px;width:auto;display:block}
.by .t{display:flex;flex-direction:column;line-height:1.5;font-size:14px;color:var(--ink2)}
.by .t b{color:var(--navy);font-size:15px}
.art{max-width:720px;margin:18px auto 0;padding:0 20px}
.art>section{border-radius:14px;box-shadow:0 1px 0 var(--line)}
.gates{margin:30px 0 8px;padding:18px 16px;border-radius:12px;background:linear-gradient(160deg,#0B1A3A,#173163);text-align:center}
.gates h3{margin:0 0 4px;font-size:16px;letter-spacing:.12em;color:#F2DDA6}
.gates p{margin:0 0 14px;font-size:12px;color:#C9B98F}
.gates .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gates a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:8px 6px;border-radius:12px;background:linear-gradient(180deg,#DDBB72,#B88F3C);border:1px solid #B88F3C;color:#1B1405;text-decoration:none;font-weight:700;font-size:15px;line-height:1.25}
.gates a small{font-weight:500;font-size:11px;color:#3A2A08;margin-top:2px}
.gates a:hover{background:linear-gradient(180deg,#E7C783,#C29944)}
.next{max-width:720px;margin:26px auto 0;padding:0 20px;display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:999px;background:linear-gradient(180deg,#DDBB72,#B88F3C);color:#1B1405;font-weight:700;font-size:14px;text-decoration:none;border:1px solid #B88F3C;min-height:40px}
.btn:hover{background:linear-gradient(180deg,#E7C783,#C29944)}
.btn.ghost{background:#fff;color:var(--goldd);border-color:var(--gold)}
.btn.ghost:hover{background:var(--goldbg)}
.list{max-width:900px;margin:0 auto;padding:10px 20px 40px}
.list h1{margin:8px 0 6px;font-size:36px;color:var(--navy)}
.list .lede{margin:0 0 22px;color:var(--ink2)}
.item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit}
.item .ph{background:#0B1A3A;min-height:240px}
.item .ph img{width:100%;height:100%;object-fit:cover;display:block}
.item .tx{padding:22px 24px;display:flex;flex-direction:column;gap:8px}
.item .no{font-size:12px;letter-spacing:.22em;color:var(--goldd);font-weight:700}
.item h2{margin:0;font-size:24px;line-height:1.35;color:var(--navy)}
.item p{margin:0;color:var(--ink2);font-size:15px}
.item .m{font-size:13px;color:var(--ink3)}
.item .btn{align-self:flex-start;margin-top:6px}
.soon{margin:18px 0 0;padding:14px 16px;border:1px dashed var(--gold);border-radius:14px;color:var(--goldd);font-size:14px;background:var(--goldbg)}
.foot{border-top:1px solid var(--line);margin-top:40px;padding:28px 0 36px;color:var(--ink3);font-size:13px}
.foot .wrap{display:flex;flex-direction:column;gap:12px}
.foot nav{display:flex;flex-wrap:wrap;gap:8px}
.foot nav a{color:var(--goldd);text-decoration:none;border:1px solid var(--gold);border-radius:999px;padding:5px 12px;font-weight:600;font-size:13px}
.foot nav a:hover{background:var(--goldbg)}
.foot p{margin:0}
@media (max-width:760px){.kpi{margin-left:0;width:100%;justify-content:space-between}.kpi a{min-width:0;flex:1}.top .wrap{gap:10px;padding-top:8px;padding-bottom:6px}.item{grid-template-columns:1fr}.item .ph{min-height:0;aspect-ratio:3/2}}
@media (max-width:640px){.wrap{padding:0 16px}.kp-brand img{height:24px}.cityname{padding-left:10px}.cityname b{font-size:13px}.crumb,.head,.art,.next{padding-left:16px;padding-right:16px}.head h1{font-size:26px}.art>section{padding-left:14px!important;padding-right:14px!important}.gates .g{gap:8px}.gates a{font-size:14px}.list h1{font-size:28px}.list{padding-left:16px;padding-right:16px}}