*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);font:16px/1.85 "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.muted{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:30;background:var(--nav-bg);border-bottom:1px solid var(--nav-line);box-shadow:0 6px 32px rgba(0,0,0,.07);backdrop-filter:blur(16px)}
.utility{border-bottom:1px solid var(--nav-line);color:var(--nav-dim);font-size:11px;letter-spacing:.12em}
.utility-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:5px 0}
.nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;padding:5px 11px;border-radius:9px;line-height:1.2}
.brand-logo{display:block;width:150px;height:auto;max-height:54px;object-fit:contain}
.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.nav-links a{font-size:12px;font-weight:800;white-space:nowrap;color:var(--nav-ink);padding:8px 10px;border-radius:8px;transition:background .2s,color .2s}
.nav-links a:hover,.nav-links a:focus-visible{background:var(--accent);color:var(--accent-ink);outline:0}
section[id],main[id],div[id]{scroll-margin-top:140px}
.eyebrow,.section-kicker{font:800 11px/1.5 Arial,sans-serif;letter-spacing:.17em;color:var(--accent)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--hero);color:var(--hero-ink);border-bottom:1px solid var(--line)}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:50px;align-items:center;padding-block:72px 82px}
.hero h1{font-size:clamp(34px,4.9vw,64px);letter-spacing:-.045em;line-height:1.25;margin:16px 0 22px;font-weight:900}
.hero h1 span{color:var(--hero-accent)}
.hero p{font-size:16px;line-height:2.05;max-width:670px;margin:0;color:var(--hero-muted)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-sm);font-size:13px;font-weight:900;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink)}
.btn-secondary{background:transparent;color:inherit;border-color:currentColor}
.btn:hover{transform:translateY(-2px)}
.hero-aside{position:relative;min-height:355px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:var(--radius);padding:25px;background:var(--hero-card);border:1px solid var(--hero-border)}
.hero-aside::before{content:"";position:absolute;width:220px;height:220px;border:1px solid var(--hero-border);border-radius:50%;right:-55px;top:-75px;pointer-events:none}
.hero-aside .corner{font:800 11px Arial;letter-spacing:.17em;opacity:.8}
.hero-aside img{height:190px;max-width:90%;margin:auto;object-fit:contain;filter:var(--image-filter,none)}
.hero-aside strong{font-size:22px;line-height:1.45;max-width:280px;position:relative}
.hero-aside small{font-size:12px;opacity:.75}
.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero-pills span{padding:5px 11px;border:1px solid var(--hero-border);border-radius:99px;font-size:11px;font-weight:800}
.section{padding:77px 0;border-bottom:1px solid var(--line)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:29px}
.section-head h2{font-size:clamp(25px,3vw,39px);line-height:1.33;letter-spacing:-.04em;margin:7px 0 0}
.section-head p{max-width:480px;font-size:14px;color:var(--muted);line-height:1.85;margin:0}
.section-link{font-size:13px;font-weight:800;color:var(--accent);white-space:nowrap}
.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.topic-card,.match-card,.analysis-card,.news-card,.about-card,.faq-item{position:relative;min-width:0;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:var(--radius);transition:transform .25s,border-color .25s,box-shadow .25s}
.topic-card:hover,.news-card:hover,.match-card:hover{transform:translateY(-5px);border-color:var(--accent)}
.topic-card{display:flex;flex-direction:column;min-height:330px;padding:24px 22px 21px}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:17px}
.card-top small{font:800 11px Arial;letter-spacing:.12em;color:var(--accent)}
.card-arrow{font-size:22px;line-height:1;color:var(--accent)}
.topic-card h3,.match-card h3,.analysis-card h3{font-size:20px;line-height:1.52;letter-spacing:-.02em;margin:0 0 14px;overflow-wrap:anywhere}
.topic-card p,.match-card p,.analysis-card p{font-size:13px;line-height:1.95;color:var(--muted);margin:0}
.topic-card .read-more{font-size:12px;font-weight:900;color:var(--accent);margin-top:auto;padding-top:18px}
.card-detail{margin-top:13px!important;padding-top:13px;border-top:1px dashed var(--line)}
.match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.match-card{padding:27px;display:flex;flex-direction:column;min-height:375px}
.match-card .tag{font:900 11px Arial;letter-spacing:.12em;color:var(--accent)}
.match-card img{height:122px;max-width:175px;margin:15px auto;object-fit:contain}
.match-card h3{margin-top:auto}
.analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.analysis-card{padding:30px;min-height:255px}
.analysis-index{font:900 34px Georgia,serif;opacity:.3;color:var(--accent);display:block;margin-bottom:23px}
.editorial-panel{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(0,1.6fr);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}
.editorial-visual{background:var(--soft);padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.editorial-visual span{font:900 11px Arial;letter-spacing:.16em;color:var(--accent)}
.editorial-visual img{width:80%;max-width:270px;height:205px;object-fit:contain;margin:auto}
.editorial-visual small{font-size:12px;color:var(--muted);font-weight:800}
.editorial-copy{padding:clamp(28px,4vw,54px)}
.editorial-copy h2{font-size:clamp(25px,3vw,37px);line-height:1.38;margin:11px 0 24px;letter-spacing:-.03em}
.editorial-copy p{color:var(--muted);line-height:2.05;font-size:15px;margin:0 0 18px}
.editorial-copy a{display:inline-block;color:var(--accent);font-size:13px;font-weight:900;margin-top:7px}
.latest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.news-card{display:flex;flex-direction:column;padding:23px;min-height:290px}
.news-card .story-label{font:800 11px Arial;letter-spacing:.11em;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}
.news-card h3{font-size:18px;line-height:1.55;margin:0 0 11px;overflow-wrap:anywhere}
.news-card p{font-size:13px;color:var(--muted);line-height:1.85;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.news-card .read-more{font-size:12px;font-weight:900;color:var(--accent);margin-top:auto;padding-top:17px}
.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.faq-item{padding:27px}
.faq-item h3{font-size:17px;line-height:1.6;margin:0 0 12px}
.faq-item p{font-size:13px;color:var(--muted);margin:0;line-height:1.95}
.about-intro{max-width:800px;font-size:16px;color:var(--muted);line-height:2;margin:-7px 0 25px}
.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-card{padding:26px}
.about-card strong{font-size:18px;display:block;margin-bottom:12px}
.about-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.95}
.privacy-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:27px 34px;color:var(--muted);font-size:13px;line-height:1.95}
.privacy-box p{margin:0 0 12px}.privacy-box p:last-child{margin:0}
.friendlinks{background:var(--surface);border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:25px 0}
.friendlink-row{display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted)}
.friendlink-row strong{color:var(--ink);font-size:13px}
.friendlink-row a:hover{text-decoration:underline;color:var(--accent)}
.site-footer{background:var(--footer-bg);color:var(--footer-ink);padding:38px 0}
.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
.footer-inner strong{font-size:19px}.footer-inner p{font-size:12px;opacity:.7;max-width:430px;margin:8px 0 0}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:12px;opacity:.9}.footer-links a:hover{text-decoration:underline}
.page-hero{padding:52px 0 38px;background:var(--hero);color:var(--hero-ink);border-bottom:1px solid var(--line)}
.breadcrumb{font-size:12px;opacity:.8;margin-bottom:13px}.breadcrumb a:hover{text-decoration:underline}
.page-hero h1{font-size:clamp(27px,4vw,46px);line-height:1.38;letter-spacing:-.035em;margin:10px 0}
.page-hero p{max-width:810px;color:var(--hero-muted);font-size:15px;line-height:2;margin:10px 0 0}
.category-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:29px;padding:49px 0 75px}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.entry-card{display:block;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow)}
.entry-card:hover{border-color:var(--accent)}
.entry-card small{color:var(--accent);font:800 11px Arial;letter-spacing:.13em}
.entry-card h2{font-size:19px;line-height:1.55;margin:12px 0 9px;overflow-wrap:anywhere}
.entry-card p{font-size:13px;line-height:1.9;color:var(--muted);margin:0;overflow-wrap:anywhere}
.aside-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:25px;margin-bottom:19px}
.aside-box strong{display:block;font-size:18px;margin-bottom:12px}.aside-box p,.aside-box li{font-size:13px;color:var(--muted);line-height:1.95}
.aside-box ol{padding-left:20px;margin:12px 0}.aside-box a{font-weight:800;color:var(--accent);font-size:13px}
.article-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,.85fr);gap:30px;padding:45px 0 80px}
.story-main,.story-side{min-width:0}
.story-main{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,4vw,48px)}
.story-main .story-meta{display:flex;gap:13px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);padding-bottom:13px}
.story-main h1{font-size:clamp(27px,3.7vw,43px);letter-spacing:-.04em;line-height:1.42;margin:23px 0 17px;overflow-wrap:anywhere}
.story-lead{font-size:17px;color:var(--muted);line-height:1.95;border-left:3px solid var(--accent);padding-left:18px;margin:0 0 25px;overflow-wrap:anywhere}
.story-banner{border-radius:var(--radius-sm);background:var(--soft);padding:22px;margin:0 0 30px;display:grid;place-items:center;min-height:180px}
.story-banner img{height:150px;object-fit:contain;max-width:100%}
.story-body{font-size:16px;line-height:2.1;overflow-wrap:anywhere}
.story-body p{margin:0 0 22px}.story-body h2,.story-body h3{line-height:1.5}
.story-body img{max-width:100%;height:auto;margin:16px auto;border-radius:var(--radius-sm)}
.story-note{border-top:1px solid var(--line);padding-top:19px;font-size:13px;color:var(--muted);line-height:1.9;margin-top:34px}
.story-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:22px;font-weight:800;font-size:13px;color:var(--accent)}
.related a{display:block;border-bottom:1px solid var(--line);padding:11px 0;color:var(--ink);font-size:13px;line-height:1.7}
.related a:hover{color:var(--accent)}
.archive-wrap{padding:42px 0 75px}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.archive-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-width:0;box-shadow:var(--shadow)}
.archive-card:hover{border-color:var(--accent)}.archive-no{font:800 11px Arial;letter-spacing:.08em;color:var(--accent)}
.archive-card h2{font-size:19px;line-height:1.55;margin:13px 0 9px;overflow-wrap:anywhere}
.archive-card p{font-size:13px;color:var(--muted);line-height:1.9;margin:0;overflow-wrap:anywhere}
.archive-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:28px 0}
.archive-nav a,.archive-nav span{min-width:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 12px;color:var(--ink);background:var(--surface);font-size:13px}
.archive-nav .current,.archive-nav a:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.archive-note{font-size:13px;color:var(--muted);border-left:3px solid var(--accent);padding:9px 17px;margin:15px 0 0}
@media(max-width:1050px){.nav-inner{flex-wrap:wrap;padding:12px 0;gap:10px}.nav-links{justify-content:flex-start;width:100%}.topic-grid,.latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{gap:25px}}
@media(max-width:760px){.wrap{width:min(100% - 32px,1180px)}.utility-inner span:last-child{display:none}.nav-inner{min-height:0}.nav-links{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.nav-links a{padding:7px 9px}.hero-inner,.category-layout,.article-layout,.editorial-panel{grid-template-columns:1fr}.hero-inner{padding:40px 0 48px}.hero-aside{min-height:260px}.hero-aside img{height:120px}.section{padding:48px 0}.section-head{display:block}.section-head p{margin-top:13px}.match-grid,.analysis-grid,.faq-grid,.about-grid{grid-template-columns:1fr}.match-card{min-height:0}.match-card img{height:105px}.analysis-card{min-height:0}.editorial-visual img{height:150px}.archive-grid{grid-template-columns:1fr}}
@media(max-width:500px){.hero h1{font-size:34px}.topic-grid,.latest-grid,.category-grid{grid-template-columns:1fr}.topic-card,.news-card{min-height:0}.hero-aside{min-height:235px}.section-head h2{font-size:27px}.story-main{padding:20px}.friendlink-row{gap:9px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic-card,.news-card,.match-card,.btn{transition:none}}
:root{--page:#f8f4e9;--surface:#fffdf7;--ink:#272c29;--muted:#6f7069;--line:#d8d2c4;--accent:#9b3e2e;--accent-ink:#fff;--hero:#f0e8d7;--hero-ink:#262b27;--hero-accent:#9b3e2e;--hero-muted:#5c645d;--hero-card:#e7dcc5;--hero-border:#cbbda5;--nav-bg:rgba(255,253,247,.97);--nav-ink:#2d352e;--nav-dim:#777970;--nav-line:#d8d1c3;--footer-bg:#282e29;--footer-ink:#f4eee1;--soft:#f0eadc;--shadow:none;--radius:3px;--radius-sm:2px}
  body{font-family:"Noto Serif SC","Songti SC",SimSun,"Microsoft YaHei",serif}
  .brand-name,.hero h1,.section-head h2,.topic-card h3,.match-card h3,.analysis-card h3,.page-hero h1,.story-main h1{font-family:"Songti SC",SimSun,serif}
  .hero{border-top:5px double var(--ink);border-bottom:3px double var(--ink)}
  .hero-inner{padding-block:60px}
  .hero-copy{border-left:4px solid var(--accent);padding-left:25px}
  .hero-aside{border:1px solid var(--ink);background:#eae1ce;transform:rotate(1deg)}
  .topic-card{border:0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);background:transparent;padding-left:5px;padding-right:5px}
  .match-card{border:1px solid var(--ink);background:#fffaf0}
  .analysis-card{border-top:3px double var(--ink);background:transparent}
  .section-head{border-bottom:1px solid var(--ink);padding-bottom:17px}
  .news-card{border-bottom:2px solid var(--accent)}