:root{--bg:#FFF9E6;--paper:#fff;--dark:#19171C;--heading:#211A27;--text:#302B34;--muted:#625B68;--purple:#65358C;--lav:#F1E8F7;--yellow:#F7E6A8;--border:#E7DCEB}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;overflow-wrap:anywhere}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:3px solid #65358C;outline-offset:3px}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--heading);line-height:1.35;letter-spacing:-.015em}h1{font-size:34px}h2{font-size:24px}h3{font-size:19px}p{max-width:75ch}.container{width:min(100% - 56px,1160px);margin-inline:auto}.section{margin-block:60px}.skip{position:absolute;top:-100px;left:16px;z-index:1000;background:var(--dark);color:#fff;padding:10px}.skip:focus{top:8px}.site-header{position:relative;background:var(--paper);border-bottom:1px solid var(--border);z-index:50}.head-inner{min-height:72px;display:flex;align-items:center;gap:21px}.brand{display:flex;align-items:center;flex-shrink:0;color:var(--dark)}.brand img,.footer-brand img{display:block;max-width:145px;max-height:34px;width:auto;height:auto;object-fit:contain}.brand-word{font-size:26px;font-weight:900;letter-spacing:-.07em}.brand-word span{color:var(--purple);margin-left:4px}.top-nav{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.2vw,20px);flex:1}.top-nav a{font-size:14px;white-space:nowrap;color:var(--heading);font-weight:650;padding:20px 3px;border-bottom:3px solid transparent}.top-nav a[aria-current=page],.top-nav a:hover{color:var(--purple);border-bottom-color:var(--purple);text-decoration:none}.menu-trigger{padding:7px 12px;min-height:44px;background:#fff;border:1px solid var(--border);border-radius:10px;color:var(--heading);white-space:nowrap;font-size:14px;font-weight:650}.menu-trigger:hover{border-color:var(--purple)}.mobile-trigger{display:none}.mobile-link{font-weight:650;font-size:14px;white-space:nowrap}.all-menu[hidden]{display:none}.all-menu{background:var(--paper);border-top:1px solid var(--border);box-shadow:0 10px 20px #19171c0a}.menu-groups{max-width:1000px;display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:20px;padding-block:22px 26px}.menu-group h2{font-size:15px;margin:0 0 8px;border-bottom:1px solid var(--border);padding-bottom:8px}.menu-items{display:grid;gap:2px}.menu-items a{padding:6px 5px;border-radius:8px;display:block;color:var(--text)}.menu-items a:hover,.menu-items a[aria-current=page]{background:var(--lav);text-decoration:none}.menu-items strong{font-size:14px;display:block}.menu-items small{font-size:12px;display:block;color:var(--muted)}.eyebrow{display:inline-block;font-size:13px;font-weight:750;letter-spacing:.08em;color:var(--purple);margin-bottom:12px}.hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:36px;min-height:320px}.hero h1{max-width:14em}.hero p{max-width:590px}.actions,.inline-links{display:flex;flex-wrap:wrap;gap:10px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 19px;color:#fff;font-weight:700}.button:hover{color:#fff}.button.primary{background:var(--purple)}.button.secondary{background:var(--dark)}.media{margin:0;max-width:100%;min-width:0;display:flex;align-items:center;justify-content:center;padding:9px;border:1px solid var(--border);background:#fff;border-radius:12px}.media img{display:block;max-width:100%;max-height:225px;max-width:100%;width:auto;height:auto;object-fit:contain;object-position:center}.hero-picture .media img{max-height:310px}.hero-picture,.split>div,.cinema-row>div,.cinema-row>.media,.subject-layout>div,.editorial-home>div,.reading-list>div{min-width:0}.section-heading{margin-bottom:22px}.section-heading>p{color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-grid>a{padding:21px;border-radius:12px;background:var(--paper);border:1px solid var(--border);color:var(--text)}.quick-grid>a:hover{border-color:var(--purple);text-decoration:none}.quick-grid span{color:var(--purple);font-size:13px;font-weight:700}.quick-grid h3{margin:10px 0 8px}.quick-grid p{font-size:15px;line-height:1.7;margin:0}.band{background:#F7F0FA;padding:48px 0}.subject-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:center}.small-media{margin-top:19px;max-width:340px}.small-media img{max-height:170px}.text-link{display:inline-block;font-weight:700;margin-top:10px}.subject-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.subject-terms a{padding:16px;background:#fff;border:1px solid var(--border);border-radius:10px;color:var(--text)}.subject-terms strong,.subject-terms span{display:block}.subject-terms strong{font-size:17px}.subject-terms span{font-size:13px;color:var(--muted)}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;align-items:center}.split-motion{grid-template-columns: minmax(0,5fr) minmax(0,7fr)}.inline-links a{font-size:14px;font-weight:700;padding:7px 0;margin-right:14px;min-height:44px;display:inline-flex;align-items:center}.cinema-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:center;padding:24px 0;border-top:1px solid var(--border)}.cinema-row.reverse>div:first-child{order:2}.cinema-row.reverse .media{order:1}.signal-band{background:var(--yellow);padding-block:48px}.check-list{padding-left:21px}.check-list li{margin-block:6px}.editorial-home{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:26px}.life-feature,.studio-side>div{padding:24px;background:#fff;border:1px solid var(--border);border-radius:12px}.life-feature .media{max-width:480px;margin:18px 0}.studio-side{display:grid;gap:15px}.studio-side>div a{font-weight:700}.studio-side .media{margin:14px 0}.reading-list{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:36px;align-items:center}.reading-rows{border-top:1px solid var(--border)}.reading-rows a{display:grid;grid-template-columns:125px minmax(0,1fr) 25px;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);color:var(--heading)}.reading-rows span{color:var(--muted);font-size:14px}.reading-rows b{color:var(--purple)}.mobile-feature{background:var(--dark);color:#eee9f2;padding-block:45px}.mobile-feature h2{color:#fff}.mobile-feature p{color:#eee9f2}.mobile-feature .eyebrow{color:#fff}.mobile-feature a{color:#fff;text-decoration:underline;text-underline-offset:4px}.device-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:44px;align-items:center}.device-picture{max-width:310px;margin:auto}.device-picture img{max-height:390px}.device-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:700}.device-label img{max-width:52px;max-height:52px;object-fit:contain}.rule-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.rule-links a{padding:18px;color:var(--heading);border-right:1px solid var(--border)}.rule-links a:last-child{border-right:0}.rule-links strong,.rule-links span{display:block}.rule-links span{color:var(--muted);font-size:14px}.minor-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px}.inner-page{padding-bottom:56px}.breadcrumb{display:flex;gap:10px;font-size:13px;color:var(--muted);margin:24px 0 30px}.page-intro{margin:0 0 30px}.page-intro h1{font-size:32px;margin-bottom:12px}.page-intro p{max-width:760px;color:var(--muted);margin-bottom:0}.inner-visual{margin:0 0 32px;max-width:770px}.inner-visual .media{width:fit-content;max-width:100%}.inner-visual img{max-height:220px}.article-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(210px,245px);gap:min(5vw,54px);align-items:start}.article-section{padding-bottom:15px;margin-bottom:30px;border-bottom:1px solid var(--border)}.article-section h2{font-size:23px;margin-bottom:17px}.article-section p{margin-bottom:17px;line-height:1.77;max-width:75ch}.article-aside{border:1px solid var(--border);border-radius:12px;background:#fff;padding:20px;position:sticky;top:22px}.article-aside h2{font-size:18px}.article-aside p{font-size:14px;color:var(--muted)}.article-aside a,.topic-index a{display:block;padding:10px 0;border-top:1px solid var(--border);font-size:14px}.closing-note{background:var(--lav);padding:20px;border-left:3px solid var(--purple);border-radius:0 10px 10px 0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff;font-size:15px}th,td{padding:12px;border:1px solid var(--border);text-align:left}thead th{background:var(--lav)}.topic-index{padding:17px;background:#fff;border:1px solid var(--border);border-radius:12px;margin:20px 0}.faq-list{max-width:850px}.faq-item{margin-bottom:20px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:12px}.faq-item h2{font-size:20px;margin-bottom:10px}.faq-item p{margin-bottom:0;line-height:1.75}.related-line{margin:26px 0}.site-footer{background:#F3EEF4;padding:43px 0 20px;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.footer-grid h2{font-size:16px;margin-bottom:13px}.footer-grid a{display:block;color:var(--text);font-size:14px;min-height:32px;padding:4px 0}.footer-bottom{display:flex;align-items:center;gap:22px;margin-top:32px;border-top:1px solid #D8CBDE;padding-top:19px}.footer-brand{color:var(--heading);font-weight:900;white-space:nowrap}.footer-bottom p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.bottom-nav{display:none}
@media(max-width:1050px){.container{width:calc(100% - 44px)}.head-inner{gap:12px}.top-nav{gap:6px}.top-nav a{font-size:13px}.menu-groups{grid-template-columns:repeat(2,minmax(210px,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:26px}}
@media(max-width:800px){.head-inner{min-height:62px}.top-nav,.desktop-trigger{display:none}.mobile-trigger{display:block;margin-left:auto}.menu-groups{display:block;padding-block:0 12px}.menu-group{border-bottom:1px solid var(--border)}.menu-group h2{font-size:15px;cursor:pointer;margin:0;padding:13px 6px;min-height:46px;border:0}.menu-group h2:after{content:'＋';float:right}.menu-group.expanded h2:after{content:'－'}.menu-items{display:none;padding:0 4px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}.menu-group.expanded .menu-items{display:grid}.menu-items a{padding:10px}.hero,.subject-layout,.split,.editorial-home,.reading-list,.device-split{grid-template-columns:1fr}.hero{min-height:0}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-picture .media img{max-height:260px}.reading-visual{max-width:400px}.device-picture{max-width:270px}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fff;border-top:1px solid var(--border);height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--heading);font-weight:700;min-height:44px}.bottom-nav a[aria-current=page]{color:var(--purple);border-top:3px solid var(--purple)}.site-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.section{margin-block:38px}h1{font-size:28px}h2{font-size:21px}.hero{gap:18px}.hero h1{font-size:29px}.quick-grid,.subject-terms,.rule-links,.cinema-row{grid-template-columns:1fr}.quick-grid>a{padding:16px}.band,.signal-band,.mobile-feature{padding-block:32px}.subject-layout{gap:22px}.cinema-row.reverse>div:first-child,.cinema-row.reverse .media{order:initial}.cinema-row{gap:14px}.editorial-home{gap:14px}.life-feature,.studio-side>div{padding:17px}.reading-rows a{grid-template-columns:minmax(0,1fr) 25px;gap:4px}.reading-rows a span{grid-column:1}.reading-rows a b{grid-column:2;grid-row:1/3;align-self:center}.device-picture img{max-height:310px}.rule-links a{border-right:0;border-bottom:1px solid var(--border)}.rule-links a:last-child{border-bottom:0}.page-intro h1{font-size:27px}.page-intro p{font-size:16px}.article-section h2{font-size:21px}.article-section p{font-size:16px}.footer-bottom{display:block}.footer-bottom p{margin-top:13px}.menu-items{grid-template-columns:1fr}}
@media(max-width:350px){.head-inner{gap:8px}.brand-word{font-size:23px}.brand img{max-width:95px}.mobile-link{font-size:12px}.menu-trigger{font-size:13px;padding:6px 8px}.hero h1{font-size:27px}.footer-grid{gap:12px}.footer-grid a{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* When optional local illustrations are absent, text uses the available width. */
.hero:not(:has(.hero-picture)),.split:not(:has(.media)),.cinema-row:not(:has(.media)),.device-split:not(:has(.device-picture)),.reading-list:not(:has(.reading-visual)){grid-template-columns:minmax(0,1fr)}