:root{--bg:#FFF9E6;--white:#fff;--ink:#211A27;--body:#302B34;--sub:#625B68;--purple:#65358C;--lav:#F1E8F7;--yellow:#F7E6A8;--line:#E7DCEB;--black:#19171C}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.75 system-ui,-apple-system,"Noto Sans CJK SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}a{color:var(--purple);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #65358C;outline-offset:4px}img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center}h1,h2,h3{color:var(--ink);line-height:1.3;margin:0 0 .65em}h1{font-size:34px}h2{font-size:24px}h3{font-size:19px}p{margin:.6em 0 1em}ul{padding-left:1.35em}li{margin:.3em 0}.container{width:calc(100% - 56px);max-width:1160px;margin-inline:auto}.skip{position:absolute;top:-100px;left:10px;z-index:99;background:#fff;padding:9px}.skip:focus{top:10px}.site-header{background:#fffdf5;border-bottom:1px solid var(--line);position:relative;z-index:30}.head-inner{height:72px;display:flex;align-items:center;gap:22px}.brand{flex:0 0 auto;display:flex;align-items:center;text-decoration:none;color:var(--ink);font-size:24px}.brand-image{height:33px;width:auto;max-width:175px}.top-nav{display:flex;gap:clamp(12px,2vw,28px);margin-left:auto;white-space:nowrap}.top-nav a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:650;min-height:44px;display:flex;align-items:center;border-bottom:3px solid transparent}.top-nav a.active,.top-nav a:hover{color:var(--purple);border-bottom-color:var(--purple)}.head-actions{display:flex;align-items:center;gap:15px;margin-left:auto;white-space:nowrap}.menu-toggle{min-height:44px;border:1px solid var(--purple);background:var(--purple);color:white;padding:5px 13px;border-radius:11px;font-size:14px;font-weight:650}.app-link{font-size:14px;font-weight:650;color:var(--ink);text-decoration:none;min-height:44px;display:flex;align-items:center}.mobile-toggle,.mobile-menu{display:none}.menu-panel[hidden]{display:none!important}.desktop-menu{position:absolute;top:100%;right:0;left:0;background:#fff;box-shadow:0 17px 32px #211a271a;border-bottom:1px solid var(--line)}.mega-inner{max-width:1000px;width:calc(100% - 56px);margin:auto;padding:22px 0;display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:22px}.menu-group h2{font-size:17px;padding-bottom:7px;border-bottom:2px solid var(--lav)}.menu-group>a{display:block;text-decoration:none;border-radius:8px;padding:6px 8px;color:var(--ink)}.menu-group>a:hover{background:var(--lav)}.menu-group strong{font-size:14px;display:block}.menu-group small{font-size:12px;line-height:1.45;color:var(--sub);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bottom-nav{display:none}.site-footer{margin-top:60px;background:#fff;border-top:1px solid var(--line);padding:45px 0 24px}.footer-brand{max-width:600px}.footer-brand p{font-size:14px;color:var(--sub)}.footer-logo{max-height:30px;width:auto}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:26px 0}.footer-grid h2{font-size:18px}.footer-grid a{display:block;color:var(--body);font-size:14px;margin-bottom:8px;text-decoration:none}.footer-grid a:hover{text-decoration:underline;color:var(--purple)}.copyright{border-top:1px solid var(--line);padding-top:18px;color:var(--sub);font-size:13px}.home-main section{margin-top:56px}.eyebrow{display:inline-block;font-weight:700;color:var(--purple);letter-spacing:.08em;font-size:13px;margin-bottom:8px}.hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:center;padding:36px 0}.hero h1{font-size:35px}.hero p{max-width:650px}.hero img{max-height:310px;margin:auto}.hero-img{min-width:0}.btn-row,.link-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn{background:var(--purple);border-radius:11px;color:#fff;text-decoration:none;font-weight:700;min-height:44px;display:inline-flex;align-items:center;padding:8px 20px}.btn.secondary{background:var(--black)}.btn:hover{filter:brightness(.88)}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-heading h2{margin:0}.section-heading:before{content:"";height:27px;width:6px;background:var(--purple);border-radius:4px}.surface{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:24px}.routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.route-item{padding:18px;border:1px solid var(--line);background:#fff;border-radius:12px;text-decoration:none;color:var(--body);min-width:0}.route-item b{color:var(--purple);display:block;font-size:18px}.route-item p{font-size:14px;margin:7px 0 0}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:center}.split-6040{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.split-4060{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.media-panel{min-width:0;text-align:center}.media-panel img{max-height:225px;width:auto;margin:auto}.media-panel.wide img{max-height:225px}.mini-img img{max-height:170px;margin:auto}.topic-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-terms a{display:block;border-radius:10px;background:var(--lav);color:var(--ink);font-weight:650;text-decoration:none;padding:12px}.topic-terms small{display:block;font-weight:400;color:var(--sub)}.essay-lines{display:grid;gap:18px}.essay-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:center;padding:22px;background:#fff;border-radius:13px;border:1px solid var(--line)}.essay-line:nth-child(even) .media-panel{order:-1}.signal-section{background:var(--yellow);border-radius:14px;padding:24px}.signal-section .media-panel img{max-height:190px}.triple{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}.stack{display:grid;gap:15px}.small-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px}.small-card .media-panel img{max-height:125px}.list-rows{display:grid;gap:0}.list-rows a{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:20px;padding:17px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.list-rows span{color:var(--sub);font-size:14px}.device-section{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:32px;align-items:center}.device-section .media-panel img{max-height:390px}.symbol-inline img{height:56px;width:56px}.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rules-grid article{border-top:2px solid var(--purple);padding-top:12px}.rules-grid p{font-size:15px}.page-main{padding-top:24px}.crumb{font-size:13px;color:var(--sub);margin:0 0 20px}.page-intro{max-width:850px;margin-bottom:36px}.page-intro h1{font-size:33px;margin-bottom:12px}.page-intro>p{max-width:78ch;line-height:1.75}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:38px;align-items:start}.article{max-width:840px;min-width:0}.article-section{padding:24px 0;border-top:1px solid var(--line)}.article-section h2{font-size:24px}.article-section p{max-width:75ch;margin:.65em 0 1.15em}.article-section p:last-child{margin-bottom:0}.article-section:first-child{border-top:3px solid var(--purple)}.article-img{max-height:235px;width:auto;margin:8px 0 24px;max-width:100%}.article-aside{position:sticky;top:30px;background:white;border:1px solid var(--line);padding:18px;border-radius:12px}.article-aside h2{font-size:18px}.article-aside a{display:block;text-decoration:none;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.article-aside a:last-child{border:0}.follow-links{background:var(--lav);border-radius:12px;padding:20px;margin-top:27px}.follow-links h2{font-size:20px}.follow-links a{display:inline-block;margin:6px 16px 6px 0}.qa-item{border-top:1px solid var(--line);padding:19px 0}.qa-item h2{font-size:21px}.qa-item p{max-width:75ch}.note-table{width:100%;border-collapse:collapse;margin:20px 0}.note-table th,.note-table td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.note-table th{background:var(--lav)}
@media(max-width:1050px){.head-inner{gap:13px}.top-nav{gap:11px}.head-actions{gap:9px}.brand-image{max-width:145px}.mega-inner{grid-template-columns:repeat(2,minmax(210px,1fr))}.routes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.container{width:calc(100% - 32px)}.site-header .head-inner{height:62px}.brand-image{height:29px;max-width:145px}.head-actions{margin-left:auto;gap:12px}.top-nav,.desktop-toggle,.desktop-menu{display:none!important}.mobile-toggle{display:inline-flex;align-items:center}.mobile-menu{display:block;background:#fff;border-top:1px solid var(--line);padding:8px 16px 14px}.mobile-menu details{border-bottom:1px solid var(--line)}.mobile-menu summary{cursor:pointer;font-weight:700;color:var(--ink);padding:11px;min-height:44px}.mobile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:7px}.mobile-links a{padding:9px;background:var(--lav);color:var(--ink);border-radius:8px;text-decoration:none;min-height:44px;display:flex;align-items:center;font-size:14px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:25;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{min-width:0;display:flex;justify-content:center;align-items:center;color:var(--ink);font-size:13px;text-decoration:none;font-weight:650}.bottom-nav a.active{color:var(--purple);border-top:3px solid var(--purple)}.site-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom));margin-top:42px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-main section{margin-top:36px}.hero{grid-template-columns:1fr;gap:14px;padding:25px 0 0}.hero h1{font-size:29px}.hero img{max-height:250px}.split,.split-6040,.split-4060,.essay-line,.triple,.device-section{grid-template-columns:1fr;gap:18px}.essay-line:nth-child(even) .media-panel{order:0}.media-panel img{max-height:205px}.device-section .media-panel img{max-height:310px}.surface,.signal-section{padding:18px}.routes{grid-template-columns:1fr}.topic-terms{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-grid{grid-template-columns:1fr}.page-main{padding-top:16px}.page-intro{margin-bottom:23px}.page-intro h1{font-size:28px}.article-layout{grid-template-columns:1fr;gap:20px}.article-aside{position:static}.article-section{padding:20px 0}.article-section h2{font-size:21px}.list-rows a{grid-template-columns:1fr;gap:4px}.note-table{font-size:14px}.note-table th,.note-table td{padding:7px}}
@media(max-width:355px){.brand-image{max-width:117px;height:25px}.head-actions{gap:6px}.menu-toggle{padding:5px 8px;font-size:13px}.app-link{font-size:13px}.topic-terms{grid-template-columns:1fr}.footer-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}