:root{--bg:#080A0D;--surface:#0D1015;--second:#12161C;--third:#171C23;--hover:#1B2129;--title:#F5F7FA;--body:#C7CDD5;--muted:#9098A3;--blue:#5C7CFA;--bright:#6EA8FF;--ice:#8ED8FF;--purple:#7775FF;--line:rgba(255,255,255,.09);--strongline:rgba(255,255,255,.16);--foot:#050608}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}body.menu-open{overflow:hidden}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.4}h1{font-size:32px}h2{font-size:24px}h3{font-size:19px}p{margin-bottom:16px}a{color:var(--bright);text-underline-offset:3px}a:hover{color:var(--ice)}a:focus-visible,button:focus-visible{outline:3px solid var(--ice);outline-offset:3px;border-radius:4px}button{font:inherit;cursor:pointer}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:90;background:rgba(8,10,13,.96);border-bottom:1px solid var(--line)}.nav-shell{height:68px;max-width:1200px;padding:0 24px;margin:auto;display:flex;align-items:center;gap:20px;min-width:0}.brand{display:flex;align-items:center;gap:9px;min-width:0;color:var(--title);text-decoration:none;flex-shrink:0}.brand-text{font-size:18px;font-weight:700;line-height:1.2;white-space:nowrap}.brand-text small{font-size:9px;display:block;color:var(--muted);letter-spacing:.03em;font-weight:400}.brand-logo{max-width:94px;max-height:36px;padding:0!important;border:0!important;background:transparent!important;margin:0!important}.brand-logo img{width:auto;max-height:35px;object-fit:contain}.brand-logo figcaption{display:none}.brand-logo.media-missing{display:none}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:15px;flex:1;min-width:0}.desktop-nav a{color:var(--body);font-size:14px;white-space:nowrap;text-decoration:none}.desktop-nav a[aria-current],.desktop-nav a:hover{color:var(--bright)}.menu-trigger,.menu-head button{border:1px solid var(--strongline);background:var(--second);color:var(--title);padding:7px 13px;border-radius:8px;white-space:nowrap}.menu-trigger{min-height:44px}.entry-link{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:9px 15px;min-height:42px;background:var(--blue);font-size:14px;font-weight:700;color:#080A0D;text-decoration:none;white-space:nowrap}.entry-link:hover{background:var(--bright);color:var(--bg)}.desktop-menu{position:absolute;right:max(24px,calc((100vw - 1200px)/2));top:calc(100% + 2px);width:min(680px,calc(100vw - 32px));background:var(--second);border:1px solid var(--strongline);border-radius:0 0 14px 14px;padding:20px 24px;box-shadow:0 20px 32px #0008;max-height:78vh;overflow:auto}.desktop-menu[hidden],.menu-backdrop[hidden],[hidden]{display:none!important}.menu-head{display:flex;justify-content:space-between;align-items:center}.menu-map{margin:12px 0}.category-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.category-groups section{min-width:0}.category-groups h3{font-size:16px;margin:0 0 5px}.category-groups ul{margin:0;padding-left:18px}.category-groups li{margin:2px 0}.category-groups a{font-size:14px;color:var(--body)}.category-groups a:hover{color:var(--bright)}.page-heading{padding:26px 0 20px;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-bottom:20px}.breadcrumbs a{color:var(--muted)}.eyebrow{font-size:13px;color:var(--bright);letter-spacing:.10em;text-transform:uppercase;font-weight:700}.page-heading h1{margin-bottom:8px}.page-deck{max-width:820px;color:var(--body);font-size:16px}.channel-links{display:flex;gap:15px;flex-wrap:wrap;align-items:center;font-size:14px;margin-top:20px;color:var(--muted)}.page-body{padding-top:32px;padding-bottom:52px;min-width:0}.inner-body>.lead,.inner-body>.prose-section{max-width:820px}.lead{font-size:18px;line-height:1.85;color:#E1E6EE;max-width:820px}.section{margin:38px 0}.section-heading{margin-bottom:20px}.section-heading h2{margin-bottom:9px}.prose-section{max-width:820px}.prose-section h2{margin-top:30px}.prose-section h3{margin-top:23px}.note{max-width:820px;background:var(--second);border-left:3px solid var(--blue);padding:19px 22px;border-radius:0 10px 10px 0;margin:25px 0}.minor{font-size:14px;color:var(--muted)}.table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:580px;background:var(--surface)}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 15px;vertical-align:top;font-size:15px}th{background:var(--second);color:var(--title)}tr:last-child td{border-bottom:0}.read-list{padding-left:24px;max-width:850px}.read-list li{padding:5px 0}.media-natural{display:grid;place-items:center;min-width:0;padding:8px;border-radius:12px;background:#0D1015;margin:0}.media-natural>img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--image-max-height,280px);object-fit:contain;object-position:center}.media-natural figcaption{font-size:12px;color:var(--muted);line-height:1.5;text-align:center;margin-top:8px}.media-missing{border:1px dashed var(--strongline);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;color:var(--muted);min-height:150px;text-align:center}.media-missing small{color:var(--muted);font-size:12px}.home-intro{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:40px;align-items:end;margin:10px 0 28px}.home-intro h1{font-size:37px;max-width:720px}.home-intro .lead{max-width:780px;font-size:17px}.intro-keys{padding:0;list-style:none;border-left:1px solid var(--strongline);margin:0}.intro-keys li{padding:10px 16px;border-bottom:1px solid var(--line);color:var(--bright);font-size:14px}.home-poster{--image-max-height:260px;margin:0 auto 42px}.home-poster img{max-height:260px}.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.question-grid article,.purpose-grid article{min-width:0;background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:12px}.question-grid span{font-size:14px;color:var(--blue);font-weight:700}.question-grid h3{margin:8px 0 12px}.question-grid p{font-size:15px}.home-editor{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px}.feature-story{padding:30px;background:var(--second);border-radius:12px}.feature-story h2{font-size:26px}.short-stories{padding:22px 24px;border:1px solid var(--line);border-radius:12px}.short-stories p{padding-top:12px;border-top:1px solid var(--line);font-size:15px}.image-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-card{--image-max-height:210px}.gallery-card.media-missing{min-height:180px}.inline-links{margin-top:18px}.rule-band{background:var(--second);border-top:2px solid var(--blue);padding:25px 30px;border-radius:10px}.angle-block{max-width:950px}.pathways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.pathways p{background:var(--surface);border:1px solid var(--line);padding:15px;border-radius:8px;font-size:14px}.service-line{border-top:1px solid var(--line);padding-top:24px}.article-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(0,240px);gap:38px;align-items:start}.article-layout .longread{min-width:0}.side-notes{position:sticky;top:94px;background:var(--second);padding:19px;border-radius:10px;font-size:14px}.side-notes h2{font-size:19px}.timeline{max-width:840px}.timeline-step{display:grid;grid-template-columns:60px minmax(0,1fr);gap:20px;border-bottom:1px solid var(--line);padding:23px 0}.step-no{color:var(--bright);font-size:24px;font-weight:700}.timeline-step h2{font-size:22px}.checklist{max-width:850px}.topic-hero{max-width:980px;padding:26px 30px;background:var(--surface);border-left:4px solid var(--blue);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,230px);gap:20px}.topic-emphasis{font-size:25px;font-weight:700;color:var(--ice);align-self:center}.stacked-rows{max-width:920px}.stacked-rows article{border-bottom:1px solid var(--line);display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding:22px 0}.stacked-rows h3{font-size:19px}.process-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.process-chain>div{background:var(--surface);border:1px solid var(--line);padding:20px}.process-chain b{color:var(--bright)}.term-index{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.term-index a{padding:8px 13px;border:1px solid var(--strongline);border-radius:7px}.term-group dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.term-entry{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:10px}.term-entry dt{color:var(--title);font-size:19px;font-weight:700}.term-entry dd{margin:8px 0 0;font-size:15px}.horizontal-observations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.horizontal-observations article{padding:20px;background:var(--second);border-top:2px solid var(--blue)}.horizontal-observations b{color:var(--title)}.two-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.mahjong-feature{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:center;gap:26px}.mahjong-feature .article-image{--image-max-height:300px}.steps{padding-left:24px;max-width:810px}.steps li{padding:8px 0 8px 6px}.essay{max-width:800px;margin:auto}.essay h2{margin-top:35px}.directory-group{margin:32px 0}.image-directory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.image-directory article{min-width:0;border:1px solid var(--line);background:var(--surface);padding:10px;border-radius:12px}.dir-media{--image-max-height:165px}.dir-media.media-missing{min-height:155px}.image-directory h3{font-size:16px;margin:12px 5px 3px}.image-directory p{font-size:13px;color:var(--muted);margin:0 5px 8px}.visual-analysis{max-width:840px;margin:42px auto 54px;border-bottom:1px solid var(--line);padding-bottom:26px}.analysis-media{--image-max-height:360px;margin:16px auto 22px}.gif-media{--image-max-height:190px;max-width:740px}.bookmark-list{max-width:930px}.bookmark-list article{display:grid;grid-template-columns:50px minmax(0,1fr);gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.bookmark-list span{color:var(--blue);font-weight:700}.bookmark-list h2{margin:0 0 9px;font-size:20px}.bookmark-list p{margin-bottom:6px}.featured-opening{background:var(--second);padding:30px;max-width:950px}.featured-opening .lead{margin-bottom:0}.mechanism-lead{max-width:850px;border-left:4px solid var(--purple);padding-left:23px}.mechanism-list{max-width:840px}.mechanism-list li{padding:14px 8px;border-bottom:1px solid var(--line)}.purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.inner-body>.section>.category-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.inner-body>.section>.category-groups section{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px}.mobile-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,350px);gap:30px;align-items:start}.mobile-visual{--image-max-height:360px}.scenario-list article,.diagnostics section{padding:18px 0;border-bottom:1px solid var(--line);max-width:820px}.faq-list{max-width:850px}.faq-list section{padding:18px 0;border-bottom:1px solid var(--line)}.faq-list h2{font-size:18px;margin-bottom:8px}.faq-list p{margin:0}.related{padding-top:24px;border-top:1px solid var(--line)}.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.related-links>div{background:var(--surface);border:1px solid var(--line);padding:18px;border-radius:9px}.related-links a{display:block;font-weight:700}.related-links span{font-size:13px;display:block;color:var(--muted);margin-top:7px;line-height:1.6}.site-footer{background:var(--foot);border-top:1px solid var(--line);padding:38px 0;color:var(--muted);font-size:14px}.footer-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:25px}.footer-brand{font-size:23px;font-weight:700;text-decoration:none}.site-footer h2{font-size:17px}.back-top{position:fixed;right:20px;bottom:20px;padding:9px 13px;border:1px solid var(--strongline);background:var(--second);color:var(--title);z-index:60;border-radius:10px}
@media(max-width:1080px){.desktop-nav{display:none}.nav-shell{justify-content:space-between}.brand{margin-right:auto}.desktop-menu{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:85vh;max-height:85dvh;border-radius:18px 18px 0 0;z-index:101;padding:20px 18px calc(22px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}.menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#000b;z-index:100}.menu-trigger{margin-left:auto}.desktop-menu .category-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.wrap{width:calc(100% - 40px)}.nav-shell{padding-inline:20px}.home-intro,.home-editor,.article-layout,.mahjong-feature,.mobile-guide,.topic-hero{grid-template-columns:1fr}.home-intro{gap:12px}.intro-keys{display:flex;border-left:0;flex-wrap:wrap}.intro-keys li{border-bottom:0;padding:5px 11px 5px 0}.image-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.related-links,.inner-body>.section>.category-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.side-notes{position:static}.home-poster{--image-max-height:190px}.home-poster img{max-height:190px}}
@media(max-width:550px){body{font-size:15px;line-height:1.78}.wrap{width:calc(100% - 32px)}.nav-shell{height:64px;padding:0 16px;gap:9px}.brand-text{font-size:15px}.brand-text small{font-size:7px}.brand-logo{max-width:70px}.brand-logo img{max-height:30px}.menu-trigger{padding:6px 10px;font-size:13px}.entry-link{padding:8px 10px;min-height:44px;font-size:13px}.page-heading{padding-top:19px}.page-heading h1{font-size:27px}.page-deck{font-size:15px}.homepage{padding-top:24px}.home-intro h1{font-size:28px}.home-intro .lead,.lead{font-size:16px}.section{margin:28px 0}h2{font-size:21px}h3{font-size:18px}.question-grid,.image-trio,.two-media,.purpose-grid,.horizontal-observations,.term-group dl,.related-links,.pathways,.process-chain{grid-template-columns:1fr}.question-grid article{padding:19px}.home-editor{gap:15px}.feature-story,.short-stories,.featured-opening{padding:22px}.image-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-group{margin:24px 0}.dir-media{--image-max-height:155px}.directory-group .image-directory p{font-size:12px}.stacked-rows article{grid-template-columns:1fr;gap:0}.category-groups,.desktop-menu .category-groups,.inner-body>.section>.category-groups{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.home-poster{--image-max-height:170px}.home-poster img{max-height:170px}.gallery-card{--image-max-height:180px}.article-image{--image-max-height:210px}.mobile-visual{--image-max-height:280px}.gif-media{--image-max-height:150px}.analysis-media{--image-max-height:240px}.timeline-step{grid-template-columns:39px minmax(0,1fr);gap:10px}.step-no{font-size:18px}.rule-band{padding:19px}.channel-links{gap:10px}.table-wrap table{min-width:530px}}
@media(max-width:360px){.brand-text small{display:none}.brand-logo{max-width:48px}.nav-shell{gap:7px}.menu-trigger{padding:5px 8px}.entry-link{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gif-media img{visibility:hidden}.gif-media:after{content:'动画已按减少动态效果设置隐藏；可在新标签页打开原始文件查看。';font-size:13px;color:var(--muted)}}
