*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#10151D;color:#E0E4E8;font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:#ff8795}button{font:inherit;cursor:pointer}button:active,a:active{transform:translateY(1px)}:focus-visible{outline:3px solid #9CC5DB;outline-offset:3px}p{margin:0 0 1.1em}h1,h2,h3{line-height:1.3;color:#F7F5F2;letter-spacing:.012em}h1{font-size:clamp(28px,3.2vw,38px);margin:.5rem 0 1rem}h2{font-size:clamp(23px,2.5vw,27px);margin:0 0 1.2rem}h3{font-size:clamp(18px,2vw,21px);margin:0 0 .65rem}small{font-size:.78em}img{max-width:100%;height:auto;display:block}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:1rem;z-index:99;padding:.5rem 1rem;background:#fff;color:#10151D}.skip-link:focus{top:1rem}.site-header{position:relative;z-index:20;background:#19212C;border-bottom:1px solid #34414F}.brand-bar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand>img,.brand-shape{width:40px;height:40px;object-fit:contain;flex-shrink:0}.brand-shape{display:grid;place-items:center;border:2px solid #ff8795;border-radius:10px;color:#F7F5F2;font-weight:800}.brand-text{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap}.brand-text strong{font-size:21px;color:#F7F5F2}.brand-text small{font-size:10px;letter-spacing:.14em;color:#BBC4CC;margin-top:4px}.header-actions{display:flex;align-items:center;gap:14px}.guide-link{padding:9px 12px}.menu-toggle,.close-menu{min-width:44px;min-height:44px;border:1px solid #536273;border-radius:9px;background:#222C38;color:#F7F5F2;padding:8px 15px}.menu-toggle:hover,.close-menu:hover{background:#34414F}.menu-glyph{font-size:19px;margin-right:6px}.primary-nav{border-top:1px solid #34414F}.nav-inner{height:48px;display:flex;align-items:center;gap:clamp(10px,2.4vw,34px);overflow:auto;scrollbar-width:none}.nav-inner a{height:48px;display:flex;align-items:center;white-space:nowrap;font-size:14px;border-bottom:2px solid transparent}.nav-inner a:hover,.nav-inner a[aria-current]{color:#FF8C9B;border-bottom-color:#FF8C9B}.nav-more{margin-left:auto}.directory{position:absolute;top:100%;left:0;right:0;background:#19212C;box-shadow:0 14px 24px #0008;border-bottom:1px solid #465567;max-height:min(72vh,800px);overflow-y:auto}.directory[hidden]{display:none!important}.directory-inner{padding:24px 0 32px}.directory-top{display:flex;align-items:center;justify-content:space-between}.directory-top h2{margin:0}.directory-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:20px}.directory-groups section{display:flex;flex-direction:column;gap:4px}.directory-groups h3{font-size:16px;color:#9CC5DB;border-bottom:1px solid #34414F;padding-bottom:10px}.directory-groups a{padding:7px 0;min-height:40px}.section{margin:68px 0}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}.section-header h2{margin:0}.eyebrow{color:#FF929F;font-size:12px;letter-spacing:.12em;font-weight:700}.lede{font-size:17px;line-height:1.9;color:#E0E4E8;max-width:820px}.soft{color:#BBC4CC}.hero{margin-top:35px}.hero-label{display:flex;align-items:center;gap:14px;font-size:13px;color:#BBC4CC;letter-spacing:.12em;margin-bottom:14px}.hero-label:before{content:"";width:34px;height:2px;background:#FF8C9B}.hero .visual-banner{max-height:320px}.hero-copy{padding-top:22px;max-width:900px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 19px;border-radius:9px;background:#303C49;border:1px solid #617181;font-weight:600}.action.primary{background:#C84962;border-color:#D8657A;color:#fff}.action:hover{background:#465565;color:#fff}.action.primary:hover{background:#B63851}.visual{width:100%;background:#222C38;overflow:hidden;border:1px solid #34414F;border-radius:12px;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9}.visual>img{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}.visual-banner{aspect-ratio:1200/320}.visual-app{aspect-ratio:4/5;max-height:400px}.visual-square{aspect-ratio:1/1}.visual-fallback{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;background:radial-gradient(circle at 25% 25%,#344657 0,transparent 45%),#222C38;color:#F7F5F2;font-size:clamp(17px,2vw,24px);font-weight:700;letter-spacing:.05em;padding:22px;text-align:center}.visual-mark{display:block;width:66px;height:42px;border:2px solid #7E99A7;border-radius:8px;position:relative}.visual-mark:before,.visual-mark:after{content:"";position:absolute;transform:rotate(-35deg);height:2px;background:#FF8C9B;width:23px;left:10px;top:21px}.visual-mark:after{transform:rotate(35deg);left:25px;top:22px;background:#9CC5DB}.card,.link-card,.panel,.prose-block{background:#19212C;border:1px solid #34414F;border-radius:12px;min-width:0;overflow:hidden}.card-content,.panel,.prose-block{padding:24px}.card-content p{color:#BBC4CC}.link-card .visual{border:0;border-radius:0;aspect-ratio:16/9}.link-card .visual-fallback{font-size:18px}.text-link{color:#FF9BA6;font-weight:700;display:inline-block;min-height:44px;padding:10px 0}.text-link:hover{text-decoration:underline}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.today-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.today-side{display:grid;gap:20px}.today-side .link-card{display:grid;grid-template-columns:38% 1fr;align-items:stretch}.today-side .visual{height:100%;aspect-ratio:auto}.today-side .card-content{padding:18px}.topic-tile{padding:24px;border:1px solid #34414F;border-radius:12px;background:#19212C}.topic-tile:nth-child(even){background:#222C38}.topic-tile p{color:#BBC4CC;margin-bottom:8px}.spotlight .card-content{padding:24px}.spotlight .visual{aspect-ratio:16/8}.spotlight ul{color:#E0E4E8;padding-left:20px}.spotlight li{margin-bottom:7px}.service-links{display:flex;flex-wrap:wrap;gap:12px}.service-links a{padding:12px 16px;min-height:44px;border-radius:8px;background:#222C38;border:1px solid #34414F}.promise{max-width:790px;color:#BBC4CC;margin-top:22px}.page-intro{padding:45px 0 25px}.page-intro .lede{max-width:900px}.page-visual{max-width:770px;margin:0 0 40px}.page-visual .visual{aspect-ratio:16/7;max-height:270px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:36px;align-items:start}.article-body{min-width:0}.article-body>section{margin-bottom:25px}.article-body h2{margin-bottom:14px}.article-body p{line-height:1.95}.side-index{background:#19212C;border:1px solid #34414F;border-radius:12px;padding:22px;position:sticky;top:14px}.side-index h2{font-size:18px}.side-index a{display:block;padding:9px 0;border-bottom:1px solid #34414F;font-size:14px}.side-index a:last-child{border:0}.mini-tag{display:inline-block;background:#283746;color:#D7E9F3;border:1px solid #496173;border-radius:5px;padding:5px 10px;font-size:13px;margin:0 8px 8px 0}.mini-tag.pink{background:#4E303C;color:#FFD7DE;border-color:#80505F}.reading-note{border-left:3px solid #FF8C9B;background:#222C38;padding:18px 23px;border-radius:0 10px 10px 0;margin:24px 0}.article-body .reading-note p{margin:0}.article-body .numbered{counter-reset:unit}.numbered section{padding:22px 24px;background:#19212C;border:1px solid #34414F;border-radius:12px;margin-bottom:16px}.numbered h2:before{counter-increment:unit;content:counter(unit,decimal-leading-zero) '  ';font-size:16px;color:#FF9BA6}.feature-quote{font-size:22px;color:#F7F5F2;padding:25px;border-top:1px solid #34414F;border-bottom:1px solid #34414F;margin:25px 0}.faq-list{display:grid;gap:14px}.faq-item{background:#19212C;border:1px solid #34414F;padding:22px;border-radius:12px}.faq-item h2{font-size:19px;margin-bottom:10px}.site-footer{background:#19212C;border-top:1px solid #34414F;margin-top:76px}.footer-layout{padding:46px 0;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:34px}.footer-layout p{max-width:350px;color:#BBC4CC;font-size:14px}.footer-layout nav{display:flex;flex-direction:column;gap:8px}.footer-layout nav h2{font-size:16px;margin:0 0 7px}.footer-layout nav a{font-size:14px;color:#BBC4CC;min-height:30px}.footer-layout nav a:hover{color:#FF9BA6}.footer-brand{font-weight:800;font-size:23px;color:#F7F5F2}.footer-brand small{display:block;font-size:11px;color:#BBC4CC;letter-spacing:.12em}.footer-bottom{padding:15px 0;border-top:1px solid #34414F;display:flex;justify-content:space-between;gap:16px;color:#BBC4CC;font-size:13px}.bottom-nav{display:none}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 220px}.footer-layout{grid-template-columns:2fr 1fr 1fr}.footer-layout nav:last-child{grid-column:2 / span 2}}@media(max-width:767px){.container{width:calc(100% - 32px)}.brand-bar{height:60px}.brand-text strong{font-size:19px}.brand>img,.brand-shape{width:36px;height:36px}.guide-link{font-size:13px;padding:7px 0}.header-actions{gap:9px}.menu-toggle{padding:7px 10px}.primary-nav{display:none}.directory{position:absolute;max-height:min(80vh,850px)}.directory-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.directory-inner{padding:18px 0 26px}.directory-groups a{font-size:14px}.hero{margin-top:24px}.hero .visual-banner{aspect-ratio:16/7;max-height:220px}.section{margin:44px 0}.grid-3,.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.today-layout{grid-template-columns:1fr}.today-side .link-card{grid-template-columns:35% 1fr}.today-side .visual{min-height:100%}.card-content,.panel,.prose-block{padding:20px}.article-layout{grid-template-columns:1fr}.side-index{position:static;order:-1}.page-intro{padding:28px 0 18px}.page-visual{margin-bottom:25px}.site-footer{margin-top:48px}.footer-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:32px 0}.footer-layout>div:first-child{grid-column:1/-1}.footer-layout nav:last-child{grid-column:auto}.footer-bottom{flex-wrap:wrap;padding-bottom:20px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:15;display:grid;grid-template-columns:repeat(4,1fr);background:#19212C;border-top:1px solid #465565;padding-bottom:env(safe-area-inset-bottom);min-height:62px}.bottom-nav a{min-height:60px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:12px;color:#BBC4CC;gap:0}.bottom-nav a span{font-size:21px;line-height:1.2}.bottom-nav a[aria-current]{color:#FF9BA6}body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.section-header{align-items:start}}@media(max-width:420px){.grid-4{grid-template-columns:1fr}.guide-link{font-size:12px}.today-side .link-card{grid-template-columns:1fr}.today-side .visual{aspect-ratio:16/8}.directory-groups{grid-template-columns:1fr 1fr;gap:12px}.brand-text small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.noscript-nav{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}.noscript-nav a{padding:8px 12px;border:1px solid #34414F;border-radius:7px;background:#222C38}.noscript-nav a:hover{color:#FF9BA6}