:root{--c-bg:#faf9f7;--c-surface:#fff;--c-text:#2b2b2b;--c-text-soft:#6b6b6b;--c-primary:#b3352c;--c-primary-dark:#8f2620;--c-accent:#1f5f5b;--c-border:#e5e2dd;--c-code-bg:#f2efe9;--max-w:860px;--radius:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--c-bg);color:var(--c-text);margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:17px;line-height:1.85}main{max-width:var(--max-w);margin:0 auto;padding:2rem 1.25rem 4rem}h1,h2,h3{line-height:1.4}h1{margin:.4rem 0 1rem;font-size:1.9rem}h2{border-left:4px solid var(--c-primary);margin:2.2rem 0 .8rem;padding-left:.6rem;font-size:1.4rem}h3{margin:1.6rem 0 .5rem;font-size:1.15rem}p{margin:.8rem 0}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}table{border-collapse:collapse;background:var(--c-surface);width:100%;margin:1.2rem 0;font-size:.95rem}th,td{border:1px solid var(--c-border);text-align:left;vertical-align:top;padding:.55rem .8rem}th{background:var(--c-code-bg)}blockquote{background:var(--c-surface);border-left:4px solid var(--c-accent);border-radius:0 var(--radius) var(--radius) 0;color:var(--c-text-soft);margin:1.2rem 0;padding:.8rem 1.1rem}ul,ol{padding-left:1.4rem}li{margin:.35rem 0}code{background:var(--c-code-bg);border-radius:4px;padding:.1rem .35rem;font-size:.9em}.answer-box{background:var(--c-surface);border:1px solid var(--c-border);border-left:5px solid var(--c-primary);border-radius:var(--radius);margin:1rem 0 1.6rem;padding:1rem 1.2rem;font-size:1.02rem}.site-header{background:var(--c-surface);border-bottom:1px solid var(--c-border);z-index:10;position:sticky;top:0}.site-header .inner{max-width:var(--max-w);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.7rem 1.25rem;display:flex}.brand{color:var(--c-primary);white-space:nowrap;font-size:1.1rem;font-weight:700}.brand:hover{text-decoration:none}nav.main-nav{flex-wrap:wrap;gap:.2rem;display:flex}nav.main-nav a{color:var(--c-text);border-radius:6px;padding:.3rem .6rem;font-size:.95rem}nav.main-nav a:hover{background:var(--c-code-bg);text-decoration:none}nav.main-nav a[aria-current=page]{color:var(--c-primary);font-weight:600}.breadcrumbs{color:var(--c-text-soft);margin-bottom:1rem;font-size:.85rem}.breadcrumbs ol{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:var(--c-border);margin-right:.3rem}.faq-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);margin:.7rem 0;padding:.9rem 1.2rem}.faq-item h3{margin:0 0 .4rem;font-size:1.02rem}.faq-item p{color:var(--c-text-soft);margin:0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1.4rem 0;display:grid}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:1rem 1.2rem}.card h3{margin:0 0 .4rem;font-size:1.05rem}.card p{color:var(--c-text-soft);margin:0;font-size:.92rem}.card a{color:inherit}.card a:hover{text-decoration:none}.card:hover{border-color:var(--c-primary)}.site-footer{border-top:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-soft);font-size:.9rem}.site-footer .inner{max-width:var(--max-w);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:0 auto;padding:1.4rem 1.25rem;display:flex}.lang-note{font-size:.82rem}@media (width<=640px){body{font-size:16px}h1{font-size:1.5rem}nav.main-nav{gap:0}}body[data-section=wonders]{--c-primary:#d4552f;--c-primary-dark:#b3401f}body[data-section=history]{--c-primary:#8a6d3b;--c-primary-dark:#6f562c}body[data-section=food]{--c-primary:#c0392b;--c-primary-dark:#992d22}body[data-section=daily-life]{--c-primary:#1f5f5b;--c-primary-dark:#174845}body[data-section=practical]{--c-primary:#b8860b;--c-primary-dark:#946b08}.hero{color:#fff;border-radius:0 0 var(--radius) var(--radius);align-items:flex-end;min-height:480px;display:flex;position:relative;overflow:hidden}.hero-media,.hero-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-media img{object-position:center 62%}.hero-overlay{background:linear-gradient(#0a12201a 30%,#0a1220c7 82%,#0a1220eb 100%);position:absolute;inset:0}.hero-inner{z-index:1;background:linear-gradient(90deg,#0a12206b,#0a122000 60%);width:100%;padding:3rem 2rem 2.2rem;position:relative}.hero-kicker{letter-spacing:.28em;color:#f0c98c;margin:0 0 .4rem;font-size:.8rem}.hero h1{text-shadow:0 2px 18px #00000073;margin:0;font-size:2.6rem;line-height:1.2}.hero h1 span{color:#f6e3c0;font-size:1.45rem;font-weight:600}.hero-sub{color:#e8e2d6;margin:.7rem 0 1.2rem;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.hero-credit{color:#ffffff9e;margin:1.1rem 0 0;font-size:.78rem}.hero-credit a{color:#f0c98c}.btn{border:1px solid #0000;border-radius:999px;padding:.55rem 1.3rem;font-size:.98rem;display:inline-block}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--c-primary);color:#fff;box-shadow:0 4px 14px #00000059}.btn-primary:hover{background:var(--c-primary-dark)}.btn-ghost{color:#fff;border-color:#ffffff8c}.btn-ghost:hover{background:#ffffff1f}.section-card .icon{color:var(--c-primary);margin-bottom:.35rem;display:inline-flex}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin:1.4rem 0;display:grid}.stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-top:3px solid var(--c-primary);border-radius:var(--radius);text-align:center;padding:.9rem 1rem}.stat-card .num{color:var(--c-primary);font-size:1.7rem;font-weight:700;line-height:1.25;display:block}.stat-card .label{color:var(--c-text-soft);font-size:.88rem}.cover{margin:0 0 1.4rem}.cover img,.cover-placeholder{aspect-ratio:680/220;object-fit:cover;border-radius:var(--radius);width:100%;display:block}.cover-placeholder{background:linear-gradient(135deg, var(--c-primary) 0%, var(--c-primary-dark) 100%);position:relative;overflow:hidden}.cover-placeholder svg{width:100%;height:100%;position:absolute;inset:0}.cover-tag{color:#ffffffbf;background:#00000040;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;position:absolute;bottom:.6rem;right:.8rem}.cover figcaption{color:var(--c-text-soft);text-align:right;margin-top:.35rem;font-size:.82rem}details.faq-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);margin:.7rem 0;padding:0;overflow:hidden}details.faq-item summary{cursor:pointer;padding:.85rem 2.4rem .85rem 1.2rem;font-weight:600;list-style:none;position:relative}details.faq-item summary::-webkit-details-marker{display:none}details.faq-item summary:after{content:"+";color:var(--c-primary);font-size:1.3rem;transition:transform .2s;position:absolute;top:50%;right:1.1rem;transform:translateY(-50%)}details.faq-item[open] summary:after{content:"−"}details.faq-item[open] summary{border-bottom:1px dashed var(--c-border)}details.faq-item p{color:var(--c-text-soft);margin:.8rem 1.2rem}blockquote{font-style:normal;position:relative}@media (width<=640px){.hero{min-height:380px}.hero h1{font-size:1.9rem}.hero-inner{padding:2rem 1.25rem 1.6rem}}