*{box-sizing:border-box}:root{--bg:#F4F1F8;--deep:#E4DEEC;--paper:#FBF8FF;--soft:#EEE8F4;--ink:#161418;--text:#2A242C;--muted:#5A5460;--assist:#7A7480;--blue:#4A8AB8;--pink:#C46A8A;--green:#6A9A48;--gold:#C4A04A;--purple:#6A4A9A;--line:rgba(22,20,24,.12);--strong:rgba(106,74,154,.45);--shadow:0 12px 28px rgba(22,20,24,.08)}
html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif;font-size:15px;line-height:1.72;overflow-x:hidden}body.lock-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}
.site-head{position:fixed;z-index:80;top:0;left:0;right:0}.micro-top{height:20px;background:var(--ink);color:var(--gold);font-size:12px}.micro-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.micro-search{height:20px;min-width:44px;border:0;background:none;color:var(--gold);padding:0}.brand-head{height:54px;background:var(--paper);border-bottom:1px solid var(--strong)}.brand-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-home{height:44px;display:flex;align-items:center;min-width:62px}.brand-home img,.menu-brand img,.footer-brand img{height:24px;width:auto;object-fit:contain}.brand-home strong{font-size:16px;color:var(--ink)}.head-actions{display:flex;gap:8px;align-items:center}.head-link,.menu-button,.btn-main,.btn-alt{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px}.head-link,.menu-button,.btn-alt{background:var(--paper);border:1px solid var(--purple);color:var(--ink)}.btn-main{background:linear-gradient(135deg,#4A8AB8 0%,#C46A8A 50%,#6A4A9A 100%);border:1px solid transparent;color:var(--paper)}
.quick-nav{height:44px;background:var(--paper);border-bottom:1px solid var(--line)}.quick-inner{height:44px;display:flex;align-items:center;justify-content:center;gap:12px}.quick-nav a{height:34px;min-width:105px;padding:0 16px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--muted);font-size:13px}.quick-nav a.is-current{background:var(--purple);color:var(--paper);font-weight:700}
.site-main{padding-top:142px;min-height:70vh}.page-head{padding:28px 0 20px}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.16em;color:var(--blue);font-weight:800;margin-bottom:6px}h1{font-size:24px;line-height:1.3;color:var(--ink);margin:0 0 14px}h2{font-size:20px;line-height:1.4;color:var(--ink);margin:0 0 10px}h3{font-size:16px;line-height:1.45;color:var(--ink);margin:0 0 8px}p{margin:0 0 14px}.lead{font-size:16px;color:var(--muted);max-width:790px}.section{padding:30px 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head small{font-size:12px;color:var(--assist)}
.media-slot{min-height:130px;background:var(--paper);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-slot.slim{min-height:110px}.media-slot.tall{height:300px}.media-slot.banner{height:200px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.head-link:hover,.menu-button:hover,.btn-main:hover,.btn-alt:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(22,20,24,.1)}
.search-panel{position:fixed;z-index:95;top:74px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--strong);box-shadow:var(--shadow);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}.search-open .search-panel{visibility:visible;opacity:1;pointer-events:auto;transform:none}.search-inner{padding:18px 0 20px}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.close-control{min-height:42px;padding:0 14px;border:1px solid var(--purple);background:var(--paper);color:var(--ink);border-radius:10px}.search-inner label{display:block;color:var(--muted);margin-bottom:8px}.search-inner input{width:100%;height:44px;border:1px solid var(--strong);border-radius:10px;background:#fff;color:var(--ink);padding:0 12px}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-presets a{min-height:40px;padding:8px 12px;border:1px solid var(--blue);border-radius:10px}.search-status{font-size:13px;color:var(--assist);margin-top:10px}
.side-menu{position:fixed;z-index:100;left:16px;top:84px;width:min(360px,30vw);max-height:78vh;overflow:auto;background:var(--paper);border:1px solid var(--strong);border-radius:10px;box-shadow:var(--shadow);visibility:hidden;opacity:0;pointer-events:none;transform:translateX(-18px);transition:.22s}.menu-open .side-menu{visibility:visible;opacity:1;pointer-events:auto;transform:none}.menu-head{position:sticky;top:0;z-index:2;background:var(--paper);padding:12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.menu-brand{display:flex;align-items:center;gap:8px}.menu-brand div{display:flex;flex-direction:column;line-height:1.2}.menu-brand span{font-size:10px;color:var(--assist);letter-spacing:.12em}.menu-body{padding:4px 12px 12px}.menu-body section{padding:8px 0;border-bottom:1px solid var(--line)}.menu-body section:last-child{border-bottom:0}.menu-body h2{font-size:13px;color:var(--purple);margin-bottom:5px}.menu-body a{display:grid;grid-template-columns:88px 1fr;gap:6px;padding:8px 5px;border-radius:8px}.menu-body a:hover{background:var(--soft)}.menu-body b{color:var(--ink)}.menu-body span{font-size:12px;color:var(--muted)}.page-mask{position:fixed;z-index:90;inset:0;background:rgba(22,20,24,.38);visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.menu-open .page-mask,.search-open .page-mask{visibility:visible;opacity:1;pointer-events:auto}
.site-footer{margin-top:50px;background:var(--ink);color:var(--bg);border-top:1px solid var(--gold);padding:26px 0 18px;font-size:13px}.footer-grid{display:grid;grid-template-columns:170px 1fr;gap:30px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.footer-brand strong{font-size:16px}.footer-brand span{font-size:11px;color:var(--gold);letter-spacing:.14em}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-links h2{font-size:13px;color:var(--gold);margin-bottom:8px}.footer-links a{display:block;padding:4px 0}.footer-note{margin-top:20px;padding-top:14px;border-top:1px solid rgba(196,160,74,.3);color:#e3ddec}.footer-note p{margin-bottom:6px}.mobile-bar{display:none}
.hero{padding:30px 0}.hero-grid{display:grid;grid-template-columns:1fr 280px;gap:26px;align-items:end}.hero-side{background:var(--soft);border-left:5px solid var(--purple);padding:18px;border-radius:0 10px 10px 0}.hero-side a{display:block;padding:8px 0;border-bottom:1px solid var(--line)}.hero-side a:last-child{border-bottom:0}.feature-band{background:var(--paper);border:1px solid var(--strong);border-radius:12px;padding:22px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}.feature-media{height:190px;background:var(--soft);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.feature-media img{width:100%;height:100%;object-fit:contain}.story-list{display:grid;gap:12px}.story{display:grid;grid-template-columns:140px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden}.story-label{padding:18px;background:var(--purple);color:var(--paper);font-weight:700}.story:nth-child(2) .story-label{background:var(--blue)}.story:nth-child(3) .story-label{background:var(--pink)}.story-copy{padding:18px}.city-panel{display:grid;grid-template-columns:230px 1fr;gap:18px;background:var(--soft);border-radius:12px;padding:20px;align-items:center}.topic-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.topic-pair article{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px}.update-list{display:grid;gap:9px}.update-row{display:grid;grid-template-columns:130px 1fr 100px;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px}.state{justify-self:end;padding:3px 10px;border:1px solid var(--purple);border-radius:10px;color:var(--purple);font-size:12px}.app-feature{background:var(--paper);border:1px solid var(--strong);border-radius:12px;padding:22px;overflow:auto}.app-image{float:right;width:220px;margin:0 0 14px 22px}.app-image .media-slot{height:300px}.app-icon{float:right;clear:right;width:72px;margin:0 0 12px 18px}.app-icon .media-slot{height:72px;min-height:72px}.clear{clear:both}.faq-six{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-six details{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:13px 14px}.faq-six summary{font-weight:700;cursor:pointer}.faq-six p{margin-top:8px}
.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.editorial-grid article{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:20px}.editorial-grid article:nth-child(2){margin-top:36px}.editorial-grid .wide{grid-column:1/-1;max-width:800px;justify-self:center}.visual-sweep{display:grid;gap:14px}.visual-sweep article{display:grid;grid-template-columns:1fr 240px;gap:18px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px;align-items:center}.visual-sweep article:nth-child(even){grid-template-columns:240px 1fr}.visual-sweep article:nth-child(even) .copy{order:2}.visual-mark{height:170px;background:var(--soft);border-radius:10px}.visual-mark.media{overflow:hidden}.visual-mark.media img{width:100%;height:100%;object-fit:contain}.city-stack{display:grid;gap:12px}.city-stack article{display:grid;grid-template-columns:110px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden}.city-key{background:var(--soft);padding:18px 10px;font-weight:700;color:var(--purple)}.city-copy{padding:18px}.sound-flow{position:relative;padding-left:28px}.sound-flow:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--blue),var(--pink),var(--green),var(--purple))}.sound-flow section{position:relative;padding:0 0 22px 18px}.sound-flow section:before{content:"";position:absolute;left:-25px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--paper);border:3px solid var(--purple)}.dynamic-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dynamic-columns article{background:var(--paper);border-top:5px solid var(--blue);border-radius:10px;padding:18px}.dynamic-columns article:nth-child(2){border-color:var(--pink)}.dynamic-columns article:nth-child(3){border-color:var(--purple)}.status-board{display:grid;gap:10px}.status-board article{display:grid;grid-template-columns:1fr 120px;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-grid section{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px}.starter-steps{display:grid;gap:12px;counter-reset:step}.starter-steps article{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:20px 20px 20px 72px}.starter-steps article:before{counter-increment:step;content:counter(step);position:absolute;left:20px;top:20px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--purple);color:var(--paper);font-weight:800}.topic-stream{display:grid;gap:12px}.topic-stream article{display:grid;grid-template-columns:150px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden}.topic-stream strong{display:flex;align-items:center;justify-content:center;background:var(--soft);padding:16px;color:var(--purple);font-size:16px}.topic-copy{padding:18px}.index-center{max-width:780px;margin:0 auto;display:grid;gap:14px}.index-center article{background:var(--paper);border:1px solid var(--strong);border-radius:12px;padding:22px;text-align:center}.index-center p{text-align:left}.app-article{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;overflow:auto}.wrap-media{float:right;width:230px;margin:4px 0 14px 22px}.wrap-media .media-slot{height:300px}.wrap-icon{float:right;clear:right;width:84px;margin:0 0 10px 18px}.wrap-icon .media-slot{height:84px;min-height:84px}.terms section{padding:20px 0;border-bottom:1px solid var(--line)}.terms section:last-child{border-bottom:0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-grid article{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px}.faq-page details{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:10px}.faq-page summary{font-weight:800;cursor:pointer}.faq-page p{margin-top:9px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-grid article{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.about-grid section{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:20px}
@media(max-width:760px){.site-main{padding-top:92px;padding-bottom:60px}.quick-nav{display:none}.side-menu{width:88%;left:6%;top:68px;max-height:78vh}.search-panel{top:0;bottom:0;background:var(--ink);color:var(--gold);overflow:auto}.search-inner{padding-top:28px}.search-inner label,.search-status{color:#e3ddec}.search-inner input{background:var(--paper);color:var(--ink)}.search-presets a{color:var(--bg);border-color:var(--gold)}.search-panel .close-control{background:transparent;color:var(--bg);border-color:var(--gold)}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.mobile-bar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:70;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--ink);border-top:1px solid var(--gold)}.mobile-bar a{min-height:48px;display:flex;align-items:center;justify-content:center;color:var(--bg);font-size:13px}.mobile-bar a.is-current{background:var(--purple);color:var(--paper);font-weight:800}.hero-grid,.feature-band,.city-panel,.visual-sweep article,.visual-sweep article:nth-child(even),.about-grid{grid-template-columns:1fr}.visual-sweep article:nth-child(even) .copy{order:0}.editorial-grid,.topic-pair,.guide-grid,.help-grid,.faq-six,.contact-grid,.dynamic-columns{grid-template-columns:1fr}.editorial-grid article:nth-child(2){margin-top:0}.editorial-grid .wide{grid-column:auto}.story{grid-template-columns:100px 1fr}.update-row,.status-board article{grid-template-columns:1fr;gap:5px}.state{justify-self:start}.city-stack article{grid-template-columns:92px 1fr}.topic-stream article{grid-template-columns:105px 1fr}.app-image,.app-icon,.wrap-media,.wrap-icon{float:none;margin:12px auto}.app-icon{width:72px}.wrap-icon{width:84px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}