:root{--bg:#10191d;--deep:#0c1418;--wine:#251219;--winecard:#381d29;--teal:#0b3035;--tealcard:#123d43;--panel:#1d2a30;--red:#922d47;--rose:#ee8397;--aqua:#73d7d2;--cyan:#08686e;--cream:#f9f5f1;--white:#fff;--pale:#eaf5f2;--pink:#f8e9eb;--gold:#d9b181;--title:#1d2c31;--body:#34464a;--light:#fcf7f5;--dim:#e4ebe9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--body);font:16px/1.76 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;object-fit:contain;display:block}.container{width:min(1240px,calc(100% - 64px));margin:auto}.topbar{background:var(--teal);color:var(--dim);font-size:12px}.topline{display:flex;gap:18px;align-items:center;min-height:28px}.topline span{margin-right:auto}.main-header{background:var(--wine);color:var(--light)}.main-nav{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:2px;line-height:1.2}.brand-mark{background:var(--rose);color:#251219;border-radius:10px;padding:5px 11px}.logo{max-width:168px;max-height:52px}.desktop-nav{display:flex;align-items:center;gap:19px;margin:auto;font-size:14px}.desktop-nav a{white-space:nowrap;padding:10px 0}.desktop-nav a[aria-current]{box-shadow:inset 0 -3px var(--aqua);font-weight:700}.nav-actions{display:flex;gap:10px;align-items:center}.nav-actions a,.nav-actions button{background:var(--tealcard);color:var(--light);border:1px solid #426166;border-radius:9px;min-height:44px;padding:8px 14px;white-space:nowrap}.topicbar{background:var(--teal);color:#e5f5f3}.topicstrip{display:flex;gap:29px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;height:43px;align-items:center;font-size:14px}.menu-overlay{position:fixed;inset:0;background:#0a1118b9;z-index:50}.menu-overlay[hidden]{display:none}.menu-panel{position:fixed;z-index:51;right:0;top:0;bottom:0;width:min(390px,88vw);overflow:auto;background:#15272d;color:#fff;transform:translateX(102%);transition:transform .2s}.menu-panel.active{transform:translateX(0)}.menu-head{position:sticky;top:0;background:#0d3237;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.menu-head button{width:44px;height:44px;border:1px solid #527a7d;border-radius:8px;background:transparent;color:#fff;font-size:26px}.menu-groups{padding:14px 24px 30px}.menu-groups h3{color:var(--aqua);font-size:16px;margin:18px 0 8px}.menu-groups section a{display:block;padding:5px 0;font-size:14px}.menu-visible{overflow:hidden}.mobile-bottom{display:none}.hero{background:linear-gradient(110deg,#251219,#0b3035);color:var(--light);padding:35px 0}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:stretch}.hero h1{font-size:39px;line-height:1.24;margin:10px 0}.hero p{color:#e4ebe9;max-width:680px}.hero-visual{height:280px}.hero-visual img,.hero-visual .media-fallback{height:100%;width:100%}.hero-note{display:grid;gap:14px}.hero-note a{padding:20px;border:1px solid #517076;border-radius:15px;background:#ffffff12}.eyebrow{font-size:12px;letter-spacing:1px;color:#b15265;font-weight:700}.hero .eyebrow,.dark .eyebrow{color:var(--aqua)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--red);color:white;padding:8px 20px;border-radius:9px;font-weight:700}.btn.alt{background:var(--aqua);color:#13282b}.btn:hover{text-decoration:none;filter:brightness(1.08)}.section{padding:52px 0}.section.dark{background:var(--bg);color:var(--light)}.section.teal{background:var(--teal);color:var(--light)}.section.pale{background:var(--pale)}.section.pink{background:var(--pink)}.section.wine{background:var(--wine);color:var(--light)}.section h2{font-size:26px;line-height:1.3;margin:0 0 8px;color:inherit}.section-intro{margin:0 0 24px;max-width:740px}.feature-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:23px}.section:nth-child(3n) .feature-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.lead-panel{border-radius:17px;overflow:hidden;background:white;color:var(--title);box-shadow:0 8px 28px #10252b12}.lead-text{padding:18px 23px 24px}.lead-text h3{font-size:21px;margin:8px 0}.lead-text p{margin:0 0 14px}.media-fallback{min-height:180px;background:linear-gradient(130deg,#3b1f2a,#17545a);display:flex;align-items:center;justify-content:center;color:#f8e7dc;letter-spacing:4px;font-weight:800;border-radius:13px}.lead-panel .media-fallback,.lead-panel img{border-radius:0;max-height:270px;width:100%;object-fit:contain;background:#20383d}.article-list{display:grid;gap:12px}.post-card{background:#fff;color:var(--body);border:1px solid #e3e7e6;border-radius:13px;padding:18px 20px;min-width:0}.post-card h3{font-size:18px;line-height:1.4;color:var(--title);margin:8px 0}.post-card p{font-size:14px;margin:0 0 9px}.text-link{color:#8a2840;font-size:14px;font-weight:700}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tile{background:#fff;border:1px solid #e4e6e6;border-radius:13px;padding:20px;min-width:0}.tile h3{margin:0 0 9px;font-size:18px}.tile p{font-size:14px;margin:0}.hero .tile,.dark .tile{background:#223037;border-color:#3f565e;color:var(--light)}.timeline{padding-left:26px;border-left:2px solid #c48a92}.timeline li{margin-bottom:15px;padding-left:10px}.timeline a{font-weight:700}.content-shell{padding:34px 0 70px}.breadcrumbs{font-size:13px;color:#62787b;margin-bottom:22px}.content-header{max-width:850px}.content-header h1{font-size:38px;line-height:1.26;color:var(--title);margin:4px 0 15px}.content-header p{font-size:17px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px}.prose{max-width:770px;font-size:17px;line-height:1.84}.prose p{margin:0 0 22px}.prose h2{font-size:24px;margin:28px 0 12px}.sidebox{border-radius:14px;padding:21px;background:#eaf5f2;align-self:start}.sidebox a{display:block;padding:8px 0;border-bottom:1px solid #cfdedd;font-size:14px}.tag{display:inline-block;border:1px solid #ccd8d8;border-radius:20px;padding:4px 11px;margin:3px;font-size:12px}.search-form{display:flex;gap:10px;max-width:740px;margin:22px 0}.search-form input{flex:1;min-width:0;border:1px solid #becfd0;border-radius:9px;padding:11px 15px;font-size:16px}.search-form button{border:0}.pagination{display:flex;gap:9px;margin-top:22px}.pagination a,.pagination strong{padding:8px 14px;border:1px solid #cad4d6;border-radius:7px}.site-footer{background:#0c2024;color:#ebf5f4;padding:44px 0 12px;border-top:4px solid #642737}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:28px}.footer-grid h2{margin:0;font-size:25px}.footer-grid h2 small{display:block;font-size:11px;letter-spacing:2px}.footer-grid h3{margin:0 0 12px;font-size:15px;color:#87d4ce}.footer-grid p{font-size:14px}.footer-grid a{display:block;font-size:13px;padding:4px 0}.footer-bottom{border-top:1px solid #34505a;margin-top:30px;padding-top:16px;font-size:12px}@media(max-width:1060px){.desktop-nav{gap:10px;font-size:12px}.main-nav{gap:13px}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-grid>div:first-child{grid-column:1/-1}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.container{width:calc(100% - 36px)}.main-nav{height:66px}.desktop-nav{display:none}.brand{font-size:20px}.topline{gap:10px}.topline a{font-size:11px}.hero{padding:27px 0}.hero-grid,.feature-grid,.section:nth-child(3n) .feature-grid,.content-layout{grid-template-columns:minmax(0,1fr)}.hero h1,.content-header h1{font-size:29px}.hero-visual{height:auto;max-height:310px}.hero-visual img{max-height:310px}.hero-visual .media-fallback{height:190px}.hero-note{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-note a{padding:14px;font-size:14px}.section{padding:33px 0}.section h2{font-size:22px}.content-shell{padding:25px 0 60px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.footer-grid>div:first-child{grid-column:1/-1}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#102a30;color:#fff;z-index:15;border-top:1px solid #497078;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{text-align:center;padding:12px 3px;min-height:56px;font-size:13px}.site-footer{padding-bottom:90px}.content-header p{font-size:16px}}@media(max-width:390px){.container{width:calc(100% - 32px)}.topline span{font-size:10px}.nav-actions{gap:5px}.nav-actions a,.nav-actions button{font-size:12px;padding:7px 9px}.tiles{grid-template-columns:1fr}.hero-note{grid-template-columns:1fr}.brand{font-size:18px}}