:root{--bg:#F6F7F5;--paper:#fff;--dark:#12263A;--heading:#14263A;--text:#293847;--muted:#596B78;--teal:#176B83;--gold:#D59B58;--line:#DCE4E4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #B67525;outline-offset:4px;border-radius:3px}p{margin:0 0 1.1em}h1,h2,h3{color:var(--heading);line-height:1.3;margin:0 0 .7em;overflow-wrap:anywhere}h1{font-size:clamp(26px,3vw,34px)}h2{font-size:clamp(21px,2.3vw,26px)}h3{font-size:19px}.wrap{max-width:1160px;margin:0 auto;padding-left:28px;padding-right:28px}.skip{position:absolute;left:16px;top:-80px;z-index:100;background:#fff;padding:8px 15px}.skip:focus{top:8px}.site-head{position:relative;background:#fff;border-bottom:1px solid var(--line);z-index:12}.head-inner{display:flex;align-items:center;gap:22px;min-height:72px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.07em;color:var(--dark);white-space:nowrap}.brand img{width:auto;height:auto;max-height:32px;max-width:124px}.brand span{font-size:18px}.primary{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,28px);margin-left:auto}.primary a{position:relative;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-weight:600}.primary a.active{color:var(--teal)}.primary a.active:after{content:"";height:2px;background:var(--teal);position:absolute;bottom:3px;left:0;right:0}.menu-toggle{min-height:44px;padding:0 12px;border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--dark);white-space:nowrap}.head-app{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;color:var(--teal);font-weight:700}.mobile-toggle{display:none}.mega{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 18px 24px #12263a1c;border-bottom:1px solid var(--line)}[hidden]{display:none!important}.mega-inner{max-width:960px;margin:auto;padding:18px 28px 22px}.mega-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.text-button{border:0;background:none;color:var(--teal);min-height:44px}.mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:14px}.mega-grid h2{font-size:17px;margin-bottom:10px}.menu-link{display:block;padding:7px 10px;border-radius:8px}.menu-link:hover,.menu-link.active{background:#edf5f4}.menu-link strong,.menu-link small{display:block}.menu-link strong{font-size:15px}.menu-link small{font-size:13px;color:var(--muted);line-height:1.5}.mobile-menu{display:none}.home-section{margin:64px 0}.eyebrow,.section-number{display:block;color:var(--teal);font-size:13px;font-weight:700;letter-spacing:.06em;margin-bottom:12px}.section-number{color:#95642F}.home-hero{display:grid;grid-template-columns:56% minmax(0,44%);align-items:center;gap:0;padding:48px 0 14px;min-height:350px}.hero-copy{padding-right:44px}.hero-copy h1{max-width:510px}.hero-copy p{max-width:570px}.hero-art{min-height:0;display:flex;align-items:center;justify-content:center;background:#F0EFEB;border-radius:14px;padding:14px}.hero-art:empty{display:none}.hero-img{max-height:320px;width:auto;max-width:100%}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:9px 21px;background:var(--dark);color:#fff;border-radius:10px;font-weight:700}.btn:hover{background:var(--teal);color:#fff}.btn.secondary{background:#fff;border:1px solid #9ab2bc;color:var(--dark)}.section-top{max-width:800px;margin-bottom:25px}.section-top p{color:var(--muted)}.compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compact-grid a,.theme-grid a,.duo-grid>a,.trust-grid a{border:1px solid var(--line);background:#fff;border-radius:12px;padding:21px;min-width:0}.compact-grid strong,.compact-grid span{display:block}.compact-grid strong{font-size:17px;color:var(--dark);margin-bottom:9px}.compact-grid span{font-size:14px;line-height:1.65;color:var(--muted)}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.theme-grid a{display:flex;flex-direction:column;min-height:176px}.theme-grid p,.duo-grid p,.trust-grid p{color:var(--muted);font-size:15px}.arrow,.text-link{display:inline-block;color:var(--teal);font-weight:700;margin-top:auto}.split{display:grid;grid-template-columns:7fr 8fr;align-items:center;gap:36px}.image-panel,.event-image,.mini-visual,.extension-image,.phone-panel{min-width:0;border-radius:12px;background:#efefeb;padding:16px;display:flex;align-items:center;justify-content:center}.visual-img{max-height:230px;width:auto;max-width:100%}.split-copy p{max-width:640px}.pill-links{display:flex;flex-wrap:wrap;gap:10px}.pill-links a{border:1px solid #b7cbce;border-radius:999px;padding:7px 16px;color:var(--teal);min-height:44px;display:inline-flex;align-items:center}.event-row{display:grid;grid-template-columns:3fr 7fr;gap:20px;align-items:stretch}.event-image .visual-img{max-height:230px}.duo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.duo-grid>a{display:flex;flex-direction:column;gap:0}.duo-grid .visual-img{max-height:210px;margin:0 auto 20px}.story-layout{display:grid;grid-template-columns:7fr 4fr;gap:28px}.story-main{background:#fff;padding:24px;border-radius:12px;border:1px solid var(--line)}.story-main>.visual-img{max-height:210px;margin-bottom:20px}.story-side{background:#e9f0ef;padding:24px;border-radius:12px;align-self:start}.story-side .visual-img{max-height:170px;margin-bottom:20px}.reading-layout{display:grid;grid-template-columns:2fr 5fr;gap:20px}.reading-list{border-top:1px solid var(--line)}.reading-list>a{display:grid;grid-template-columns:45px 1fr 20px;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:15px 0;min-height:88px}.reading-list strong,.reading-list small{display:block}.reading-list small{font-size:14px;color:var(--muted);line-height:1.5}.extension-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.extension-text{padding:15px 0}.extension-text p{max-width:470px}.extension-image{grid-row:span 2;align-self:stretch}.extension-image .visual-img{max-height:250px}.mobile-service{display:grid;grid-template-columns:33% minmax(0,1fr);gap:32px;background:#eaf0ef;border-radius:14px;padding:30px;align-items:center}.phone-panel{background:#fff;min-height:0}.phone-img{width:auto;max-width:100%;max-height:400px}.service-brand{display:flex;align-items:center;gap:12px}.service-brand .eyebrow{margin:0}.badge-img{width:auto;max-width:54px;max-height:54px}.service-copy p{max-width:710px}.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.trust-tail{margin-top:22px}.trust-tail a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.interior{padding-top:36px;padding-bottom:70px}.page-intro{max-width:860px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}.page-intro .eyebrow{margin-bottom:7px}.crumb{font-size:14px;color:var(--muted);margin-bottom:12px}.crumb a{color:var(--teal)}.page-intro h1{margin-bottom:14px}.page-intro>p{margin:0;max-width:790px;color:var(--muted)}.page-visual{max-width:860px;margin:22px 0;background:#eeefeb;border-radius:12px;padding:15px;display:flex;align-items:center;justify-content:center}.page-visual:empty{display:none}.page-visual img{max-height:220px;width:auto;max-width:100%}.article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(0,260px);gap:28px;align-items:start}.article{min-width:0}.article-section{padding:20px 0 29px;border-bottom:1px solid var(--line)}.article-section:first-child{padding-top:8px}.article-section h2{font-size:clamp(20px,2vw,24px)}.article-section p{max-width:75ch;margin:0}.article-section .inline-route{margin-top:14px;font-size:14px;color:var(--muted)}.inline-route a{color:var(--teal);text-decoration:underline}.faq-item h2{font-size:20px}.rule-section{border-left:3px solid var(--teal);padding-left:19px;margin-bottom:10px;background:#fff;padding-right:20px}.check-section .section-number{color:#95642F}.side{position:sticky;top:18px}.side-panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.side-panel h2{font-size:19px}.side-panel>a{display:block;padding:11px 0;border-top:1px solid var(--line)}.side-panel strong,.side-panel small{display:block}.side-panel small{font-size:13px;color:var(--muted);line-height:1.5}.next-read{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:35px;color:var(--muted);font-size:14px}.next-read a{color:var(--teal);font-weight:700;min-height:44px;display:inline-flex;align-items:center}.site-footer{background:#edf1ef;border-top:1px solid var(--line);padding:48px 0 15px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:25px}.footer-grid h2{font-size:16px;margin-bottom:15px}.footer-grid section a{display:block;font-size:14px;min-height:30px;color:var(--muted)}.footer-grid section a:hover{color:var(--teal)}.footer-brand p{font-size:14px;color:var(--muted);margin-top:18px;max-width:240px}.footer-bottom{border-top:1px solid #d3dddd;display:flex;justify-content:space-between;gap:15px;margin-top:30px;padding-top:15px;color:var(--muted);font-size:13px}.bottom-nav{display:none}
@media(max-width:1050px){.wrap{padding-left:22px;padding-right:22px}.head-inner{gap:12px}.primary{gap:12px}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:span 3}.article-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}}@media(max-width:760px){body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.wrap{padding-left:16px;padding-right:16px}.site-head .head-inner{min-height:62px;gap:10px}.brand span{font-size:16px}.brand img{max-height:28px;max-width:100px}.primary,.desktop-toggle{display:none}.mobile-toggle{display:block;margin-left:auto}.head-app{font-size:14px}.mobile-menu{display:block;padding-top:10px;padding-bottom:14px;background:#fff;border-top:1px solid var(--line)}.mobile-menu details{border-bottom:1px solid var(--line)}.mobile-menu summary{cursor:pointer;min-height:46px;display:flex;align-items:center;font-weight:700;color:var(--dark)}.mobile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;padding-bottom:12px}.mobile-links a{display:flex;align-items:center;padding:7px 9px;min-height:44px;border-radius:7px;background:#f5f8f7;font-size:14px}.bottom-nav{position:fixed;z-index:11;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;min-height:58px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);box-shadow:0 -3px 14px #12263a0a}.bottom-nav a{display:flex;align-items:center;justify-content:center;min-height:58px;font-size:13px;color:var(--muted)}.bottom-nav a.active{color:var(--teal);font-weight:800;border-top:2px solid var(--teal)}.home-section{margin:42px 0}.home-hero{grid-template-columns:1fr;padding:31px 0 0;gap:18px}.hero-copy{padding-right:0}.hero-art{padding:10px}.hero-img{max-height:260px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-grid a{min-height:158px}.split,.event-row,.story-layout,.reading-layout,.extension-grid,.mobile-service{grid-template-columns:1fr;gap:18px}.duo-grid{grid-template-columns:1fr}.visual-img{max-height:210px}.event-image .visual-img{max-height:200px}.extension-image{grid-row:auto}.mobile-service{padding:20px}.phone-panel{max-width:280px;margin:0 auto;width:100%}.phone-img{max-height:320px}.trust-grid{grid-template-columns:1fr}.interior{padding-top:26px;padding-bottom:42px}.page-intro{padding-bottom:21px}.article-layout{display:block}.side{position:static;margin-top:25px}.page-visual img{max-height:210px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column}.reading-list>a{grid-template-columns:32px 1fr 14px;gap:8px}.compact-grid a,.theme-grid a,.duo-grid>a,.trust-grid a{padding:17px}.article-section{padding:17px 0 23px}}@media(max-width:390px){.compact-grid,.theme-grid{grid-template-columns:1fr}.head-inner{gap:6px}.brand{gap:5px}.head-app{font-size:13px}.menu-toggle{padding:0 8px}.mobile-links{grid-template-columns:1fr}}
/* Keep text-only layouts balanced when optional local artwork is absent. */
.hero-art:not(:has(img)),.image-panel:not(:has(img)),.event-image:not(:has(img)),.mini-visual:not(:has(img)),.extension-image:not(:has(img)),.phone-panel:not(:has(img)),.page-visual:not(:has(img)){display:none}
.home-hero:not(:has(.hero-img)),.split:not(:has(.image-panel img)),.event-row:not(:has(.event-image img)),.reading-layout:not(:has(.mini-visual img)),.mobile-service:not(:has(.phone-img)){display:block}
.home-hero:not(:has(.hero-img)) .hero-copy{padding-right:0;max-width:790px}.event-row:not(:has(.event-image img)) .duo-grid{width:100%}.extension-grid:not(:has(.extension-image img)){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.extension-grid:not(:has(.extension-image img)){grid-template-columns:1fr}}