:root{--color-bg:#fbf9f5;--color-surface:#fff;--color-text:#221f1c;--color-text-muted:#6f665c;--color-border:#ebe4d8;--color-accent:#b5342b;--color-accent-hover:#8f2921;--color-accent-soft:#f6e9e3;--container-width:1080px;--radius:10px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:Georgia, "Noto Serif", "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img{max-width:100%;display:block}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.site-header__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.site-logo{color:var(--color-text)}.site-logo:hover{text-decoration:none}.logo{align-items:center;gap:8px;display:inline-flex}.logo__mark{width:28px;height:28px;color:var(--color-accent);flex-shrink:0}.logo__word{font-family:var(--font-serif);letter-spacing:.01em;color:var(--color-text);font-size:1.6rem;font-weight:700}.site-logo:hover .logo__word{color:var(--color-accent)}.lang-switch{gap:8px;margin:0;padding:0;list-style:none;display:flex}.lang-switch a{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:5px 12px;font-size:.85rem;font-weight:600;display:inline-block}.lang-switch a:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.lang-switch a[aria-current=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.hero{text-align:center;padding:48px 0 32px}.hero h1{font-family:var(--font-serif);margin:0 0 8px;font-size:2.2rem}.hero p{color:var(--color-text-muted);margin:0;font-size:1.05rem}.category-section{border-top:1px solid var(--color-border);padding:28px 0}.category-section h2{font-family:var(--font-serif);border-bottom:3px solid var(--color-accent);margin:0 0 16px;padding-bottom:4px;font-size:1.4rem;display:inline-block}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:box-shadow .15s,transform .15s;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.card a{color:var(--color-text);text-decoration:none;display:block}.card a:hover{color:var(--color-text);text-decoration:none}.card__image{aspect-ratio:16/10;object-fit:cover;background:var(--color-accent-soft);width:100%}.card__body{padding:14px 16px}.card__title{font-size:.98rem;font-weight:600;line-height:1.4}.breadcrumb{color:var(--color-text-muted);flex-wrap:wrap;align-items:baseline;gap:6px;max-width:46rem;padding:20px 0 0;font-size:.85rem;display:flex}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb__sep{color:var(--color-border)}.breadcrumb__current{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:20rem;overflow:hidden}.article-header{padding:36px 0 0}.article-header__meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tag{background:var(--color-accent-soft);color:var(--color-accent);border-radius:999px;padding:3px 12px;font-size:.78rem;font-weight:600;display:inline-block}.article-header h1{font-family:var(--font-serif);max-width:46rem;margin:0 0 12px;font-size:2rem;line-height:1.3}.article-header__date{color:var(--color-text-muted);margin:0 0 20px;font-size:.9rem}.article-hero{object-fit:cover;border-radius:var(--radius);width:100%;max-height:460px;margin-bottom:8px}.klook-widget{justify-content:center;max-width:42rem;margin:24px auto;display:flex}.article-body{max-width:42rem;margin:32px auto 0;font-size:1.05rem}.article-body h2{font-family:var(--font-serif);margin-top:2em;font-size:1.5rem}.article-body h3{margin-top:1.6em;font-size:1.2rem}.article-body p{margin:1em 0}.article-body img{border-radius:var(--radius);margin:1.5em 0}.article-body ul,.article-body ol{padding-left:1.4em}.article-body blockquote{border-left:3px solid var(--color-accent);color:var(--color-text-muted);background:var(--color-surface);margin:1.5em 0;padding:4px 20px}.related{border-top:1px solid var(--color-border);max-width:42rem;margin:48px auto 0;padding-top:24px}.related h2{font-family:var(--font-serif);margin:0 0 14px;font-size:1.2rem}.related ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.related a{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;padding:10px 14px;font-weight:600;display:block}.related a:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.article-pager{grid-template-columns:1fr 1fr;gap:14px;max-width:42rem;margin:40px auto 0;display:grid}.article-pager__link{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);gap:4px;min-height:64px;padding:14px 16px;display:grid}.article-pager__link.is-empty{visibility:hidden;pointer-events:none}.article-pager__link:hover{border-color:var(--color-accent);text-decoration:none}.article-pager__link--next{text-align:right}.article-pager__label{color:var(--color-accent);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:700}.article-pager__title{color:var(--color-text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:600;display:-webkit-box;overflow:hidden}.more-in-category{text-align:center;max-width:42rem;margin:20px auto 0}.more-in-category a{font-weight:600}@media (width<=600px){.article-pager{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:64px;padding:28px 0 40px;font-size:.85rem}.site-footer__links{margin-top:8px}.site-footer__links a{color:var(--color-text-muted)}main{min-height:60vh;padding-bottom:40px}@media (width<=600px){.hero h1{font-size:1.7rem}.article-header h1{font-size:1.5rem}}