@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Noto+Serif+TC:wght@400;600;700&display=swap');
:root{--ap-bg:#0c1a2e;--ap-panel:#12243d;--ap-paper:#f4efe4;--ap-gold:#d4a853;--ap-ink:#f8f4ea;--ap-muted:#9aa8bc;--ap-line:#2a3f5c}
*{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}
body{margin:0;font-family:"Noto Serif TC",serif;background:var(--ap-bg);color:var(--ap-ink);line-height:1.7;min-height:100vh;display:flex;flex-direction:column;
  background-image:radial-gradient(circle at 10% 0%,rgba(212,168,83,.12),transparent 35%),radial-gradient(circle at 90% 100%,rgba(212,168,83,.08),transparent 40%)}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.ap-wrap{width:min(1140px,92vw);margin:0 auto}
.ap-top{border-bottom:1px solid var(--ap-line);background:rgba(12,26,46,.95);position:sticky;top:0;z-index:40}
.ap-top-in{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:20px}
.ap-brand img{height:50px;filter:brightness(1.1)}
.ap-nav{display:flex;gap:24px;font-size:13px}
.ap-nav a{color:var(--ap-muted);padding-bottom:4px;border-bottom:2px solid transparent}
.ap-nav a:hover{color:var(--ap-gold);border-bottom-color:var(--ap-gold)}
.ap-hero{padding:64px 0 48px;border-bottom:1px solid var(--ap-line)}
.ap-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ap-hero h1{font-family:"Playfair Display",serif;font-size:clamp(36px,5vw,56px);line-height:1.12;margin:0 0 20px;font-weight:600}
.ap-hero h1 em{font-style:normal;color:var(--ap-gold)}
.ap-lead{color:var(--ap-muted);font-size:15px;max-width:440px;margin:0 0 28px}
.ap-ribbon{display:inline-block;border:1px solid var(--ap-gold);color:var(--ap-gold);font-size:11px;letter-spacing:.2em;padding:6px 16px;margin-bottom:20px}
.ap-frame{border:1px solid var(--ap-gold);padding:24px;background:var(--ap-panel);position:relative}
.ap-frame::before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid rgba(212,168,83,.25);pointer-events:none}
.ap-frame img{max-height:280px;object-fit:contain;margin:0 auto}
.ap-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ap-line);margin:40px auto;border:1px solid var(--ap-line)}
.ap-band div{background:var(--ap-panel);padding:20px;text-align:center}
.ap-band b{display:block;font-family:"Playfair Display",serif;font-size:26px;color:var(--ap-gold)}
.ap-band span{font-size:11px;color:var(--ap-muted);letter-spacing:.1em}
.ap-sec{padding:56px 0}
.ap-sec-h{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--ap-line)}
.ap-sec-h h2{font-family:"Playfair Display",serif;font-size:clamp(28px,4vw,42px);margin:0 0 8px;color:var(--ap-paper)}
.ap-sec-h p{color:var(--ap-muted);margin:0;font-size:14px}
.ap-catalog{display:flex;flex-direction:column;gap:0;border:1px solid var(--ap-line);background:var(--ap-panel)}
.ap-row{display:grid;grid-template-columns:56px 1.2fr 1fr auto;gap:20px;align-items:center;padding:22px 24px;border-bottom:1px solid var(--ap-line);transition:background .2s}
.ap-row:last-child{border-bottom:none}
.ap-row:hover{background:rgba(212,168,83,.06)}
.ap-row.featured{background:linear-gradient(90deg,rgba(212,168,83,.15),transparent)}
.ap-num{font-family:"Playfair Display",serif;font-size:28px;color:var(--ap-gold);font-weight:600}
.ap-row h3{margin:0 0 4px;font-size:18px;font-weight:600}
.ap-row .ap-meta{font-size:12px;color:var(--ap-muted);line-height:1.6}
.ap-price{font-family:"Playfair Display",serif;font-size:26px;color:var(--ap-gold);font-weight:600;text-align:right}
.ap-act{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.ap-btn{border:1px solid var(--ap-gold);background:transparent;color:var(--ap-gold);padding:9px 16px;font-size:11px;letter-spacing:.08em;cursor:pointer;font-family:inherit}
.ap-btn-fill{background:var(--ap-gold);color:var(--ap-bg);border-color:var(--ap-gold);font-weight:700}
.ap-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.ap-col{border-top:3px solid var(--ap-gold);padding-top:20px}
.ap-col h3{font-family:"Playfair Display",serif;font-size:20px;margin:0 0 10px;color:var(--ap-paper)}
.ap-col p{font-size:13px;color:var(--ap-muted);margin:0;line-height:1.8}
.ap-feed{padding:56px 0;border-top:1px solid var(--ap-line)}
.ap-feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ap-feed-card{border:1px solid var(--ap-line);padding:20px;background:var(--ap-panel);transition:border-color .2s}
.ap-feed-card:hover{border-color:var(--ap-gold)}
.ap-feed-card h4{margin:12px 0 6px;font-size:16px;font-weight:600}
.ap-feed-card p{margin:0;font-size:12px;color:var(--ap-muted)}
.ap-feed-card img{aspect-ratio:16/9;object-fit:cover;opacity:.9}
.ap-page{padding:56px 0 80px;flex:1}
.ap-page h1{font-family:"Playfair Display",serif;font-size:clamp(32px,4.5vw,48px);margin:0 0 20px;line-height:1.15}
.ap-prose{max-width:720px;margin-left:auto;margin-right:auto}
.ap-prose p,.ap-prose li{color:var(--ap-muted);font-size:15px;line-height:1.9}
.ap-prose h2{font-family:"Playfair Display",serif;font-size:22px;color:var(--ap-paper);margin:32px 0 12px}
.ap-buy{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.ap-buy .ap-frame{padding:32px}
.ap-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.ap-facts div{border:1px solid var(--ap-line);padding:14px;font-size:13px;background:rgba(0,0,0,.2)}
.ap-facts b{display:block;font-size:11px;color:var(--ap-gold);margin-bottom:4px;letter-spacing:.08em}
.ap-crumb{font-size:12px;color:var(--ap-muted);margin-bottom:24px;letter-spacing:.06em}
/* superseded by article image fit */
.ap-foot{padding:40px 0;border-top:1px solid var(--ap-line);font-size:13px;color:var(--ap-muted);flex-shrink:0}
.ap-foot-t{margin:0 0 14px}
.ap-foot-l{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:12px}
.ap-foot-n{font-size:11px;margin:0}
.ap-cart{position:fixed;bottom:18px;right:18px;background:var(--ap-gold);color:var(--ap-bg);padding:12px 18px;font-size:12px;font-weight:700;z-index:50;display:flex;gap:12px;border:1px solid var(--ap-gold)}
main{flex:1 0 auto}
.bmi{margin:28px 0;padding:24px;border:1px solid var(--ap-line);background:var(--ap-panel)}
.bmi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.bmi input{background:var(--ap-bg);border:1px solid var(--ap-line);color:var(--ap-ink);padding:11px;width:100%;font:inherit}
.bmi button{background:var(--ap-gold);color:var(--ap-bg);border:0;padding:11px 18px;font-weight:700;cursor:pointer;font-family:inherit}
.bmi-out{margin-top:14px;font-size:14px;color:var(--ap-muted)}
.related{margin-top:40px;padding-top:22px;border-top:1px solid var(--ap-line)}
@media(max-width:900px){.ap-hero-inner,.ap-buy,.ap-feed-grid{grid-template-columns:1fr}.ap-row{grid-template-columns:1fr;gap:12px}.ap-price,.ap-act{text-align:left;justify-content:flex-start}.ap-columns{grid-template-columns:1fr}.ap-band{grid-template-columns:repeat(2,1fr)}.ap-nav{display:none}}
/* Sticky footer v4 — margin-top:auto 推页脚到底 */
html{height:100%}
body{
  min-height:100vh!important;
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
}
body>header,body>.top,body>.hdr,body>.hyper-hdr,body>.wl-top,body>.ap-top,body>.ticker,body>.announce{flex-shrink:0}
body>main{flex:1 0 auto!important;width:100%}
footer.foot,body>footer,body>.foot,body>.hyper-foot,body>.wl-foot,body>.ap-foot{
  flex-shrink:0!important;
  width:100%;
  margin-top:auto!important;
}

.ap-prose h3{font-size:16px;margin:20px 0 8px;font-weight:600}
.ap-prose ul,.ap-prose ol{padding-left:1.25em;margin:0 0 14px}
.ap-prose a{text-decoration:underline;text-underline-offset:2px}
.table-wrap{overflow-x:auto;margin:16px 0 24px}
.ap-prose table{width:100%;border-collapse:collapse;font-size:13px}
.ap-prose th,.ap-prose td{border:1px solid rgba(0,0,0,.12);padding:10px 12px;text-align:left;vertical-align:top}
.ap-prose th{font-weight:600;background:rgba(0,0,0,.04)}

/* Article page: center reading column (detail pages only) */
.ap-page .ap-crumb,
.ap-page .ap-cover,
.ap-page .ap-prose{
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}
.ap-page:has(.ap-prose) h1{
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}
.ap-page h1{margin-bottom:20px}

/* Article images: fit container, crop instead of full show */
.ap-cover{
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid var(--ap-line);
  margin:16px auto;
}
.ap-cover img{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center;
  display:block;
  margin:0;
}
.ap-feed-card img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
}
/* article-detail-fix */
.ap-prose section.related{margin-top:32px;padding-top:18px;border-top:1px solid var(--ap-line)}
.ap-prose section.related h2{font-size:1.05rem;margin:0 0 12px}
.ap-prose section.related>a{display:block;padding:14px 16px;border:1px solid var(--ap-line);border-radius:12px;margin-bottom:10px;text-decoration:none;background:var(--ap-panel)}
.ap-prose section.related>a strong{display:block;font-size:.92rem;line-height:1.45;margin-bottom:6px}
.ap-prose section.related>a span{font-size:.82rem;opacity:.75;line-height:1.5}
/* article-layout-wide */
.ap-prose {
  max-width: min(960px, 94vw);
  margin-left: auto;
  margin-right: auto;
}
.ap-page .ap-crumb,
.ap-page .ap-cover,
.ap-page .ap-prose,
.ap-page:has(.ap-prose) h1 {
  max-width: min(960px, 94vw);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.ap-page .ap-cover {
  width: 100%;
}

/* article-no-mid-cover */
.page-content [class$="-cover"],
.page-content .article-cover,
.content [class$="-cover"],
.content .article-cover,
.prose [class$="-cover"],
.prose .article-cover,
.hyper-prose [class$="-cover"],
.tk-prose [class$="-cover"],
.tk-prose .article-cover,
.body [class$="-cover"],
.body .article-cover,
.bl-prose [class$="-cover"],
.bl-prose .article-cover,
.hz-prose [class$="-cover"],
.vx-prose [class$="-cover"],
.sf-prose [class$="-cover"],
.np-prose [class$="-cover"],
.ap-prose [class$="-cover"],
.wl-prose [class$="-cover"] {
  display: none !important;
}