*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0E0E0E;color:#F7F1DE;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}a{color:#E8B84A;text-decoration:none}a:hover{color:#F6D56A}button{font:inherit}img{max-width:100%}.container{max-width:1140px;margin:0 auto;padding-left:24px;padding-right:24px}.skip-link{position:absolute;left:10px;top:-100px;z-index:20000;background:#E8B84A;color:#111;padding:8px}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;background:#111;z-index:1000;box-shadow:0 2px 15px #0006}.topbar{height:70px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;flex:0 0 178px;color:#E8B84A;min-width:0}.brand img{height:38px;width:auto;max-width:100%;object-fit:contain}.brand-name{font-size:19px;font-weight:bold;line-height:1.1}.brand-name small{display:block;font-size:9px;letter-spacing:.12em;margin-top:4px}.primary-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:clamp(10px,1.7vw,25px);white-space:nowrap;min-width:0}.primary-nav a{color:#F7F1DE;font-size:14px;padding:21px 0 17px;border-bottom:2px solid transparent}.primary-nav a:hover,.primary-nav a.active{color:#E8B84A;border-bottom-color:#E8B84A}.main-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:40px;padding:0 18px;background:linear-gradient(180deg,#F6D56A 0%,#E8B84A 55%,#C8962E 100%);color:#14110A!important;font-size:15px;font-weight:bold;border-radius:999px}.channel-nav{background:#1A1A1A}.channel-inner{display:flex;align-items:center;gap:24px;height:46px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#5d4e2d transparent}.channel-inner a{font-size:13px;color:#C9BBA0;flex:none}.channel-inner a:hover,.channel-inner a.active{color:#E8B84A}.menu-button,.mobile-bottom-nav,.mobile-drawer,.drawer-mask{display:none}.page-main{padding-top:31px;padding-bottom:65px;min-height:55vh}.eyebrow{color:#E8B84A;font-size:13px;letter-spacing:.12em}.hero-intro{margin:25px 0 34px}.hero-intro p,.lead{max-width:810px;color:#C9BBA0}.hero-intro h1{font-size:38px;line-height:1.35;margin:10px 0 13px}.page-title{font-size:32px;line-height:1.35;margin:8px 0 15px}.lead{font-size:16px;margin:0 0 23px}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:12px;background:#1C1C1C}.media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.media-16x9{aspect-ratio:16/9}.media-3x4{aspect-ratio:3/4}.media-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1C1C1C,#252016 65%,#161616)}.hero-banner{max-width:1040px;margin:0 auto}.hero-banner .media{height:220px}.section{margin:37px 0}.section h2,.article-content h2{font-size:24px;line-height:1.4;margin:0 0 14px;color:#F0CA70}.section-intro{max-width:830px;color:#C9BBA0;margin-top:0}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.text-card{background:#1C1C1C;border:1px solid rgba(232,184,74,.22);border-radius:13px;padding:19px 20px;min-width:0}.text-card h3{font-size:18px;margin:0 0 8px;color:#F7F1DE}.text-card p{font-size:15px;color:#C9BBA0;margin:0 0 10px}.text-card a{font-size:14px}.feature-image{max-width:800px}.feature-image .media{max-height:240px}.readable{max-width:810px}.readable p,.article-content p{margin:0 0 17px}.article-content{max-width:800px}.article-content section{margin:25px 0 31px}.article-content h2{margin-bottom:11px}.article-content ol,.article-content ul{padding-left:24px}.article-content li{margin:8px 0}.subtle{color:#C9BBA0}.tiny-label{color:#8E8372;font-size:13px}.article-media{width:100%;max-width:780px;margin:20px 0 29px}.article-media .media{max-height:240px}.list-links{display:flex;flex-wrap:wrap;gap:9px 18px}.list-links a{border-bottom:1px solid #665124;padding-bottom:3px}.reading-list{list-style:none;padding:0;margin:0}.reading-list li{padding:17px 0;border-bottom:1px solid #403728}.reading-list h3{font-size:18px;margin:0 0 5px}.reading-list p{color:#C9BBA0;margin:0 0 6px;font-size:15px}.paired{display:grid;grid-template-columns:minmax(0,1fr) 34%;gap:24px;align-items:center}.paired .media{max-height:220px}.rule-note{border-left:3px solid #E8B84A;background:#1C1C1C;padding:15px 20px;color:#E7D7B0;margin:25px 0}.index-group{padding:19px 0;border-top:1px solid #463c2b}.index-group h2{font-size:20px;color:#E8B84A;margin:0 0 8px}.faq-list{max-width:830px}.faq-list section{border-bottom:1px solid #51422b;padding:12px 0}.faq-list h2{font-size:18px;color:#F0CA70;margin:0 0 5px}.faq-list p{margin:0 0 7px;color:#C9BBA0}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-item{background:#1C1C1C;border-radius:12px;padding:12px}.gallery-item .media{height:166px}.gallery-item h3{font-size:17px;margin:11px 2px 3px}.gallery-item p{font-size:14px;color:#C9BBA0;margin:0 2px 5px}.site-footer{border-top:2px solid #E8B84A;background:#070707;color:#E7D7B0}.footer-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:27px;padding-top:36px;padding-bottom:30px}.footer-grid h2{font-size:16px;color:#E8B84A;margin:0 0 12px}.footer-grid a:not(.footer-logo){display:block;font-size:14px;color:#C9BBA0;margin-bottom:5px}.footer-grid a:hover{color:#E8B84A}.footer-brand p{font-size:14px;color:#C9BBA0;margin:8px 0}.footer-logo{font-size:23px;font-weight:bold}.footer-logo img{height:36px;width:auto;object-fit:contain}.footer-bottom{border-top:1px solid #373023;display:flex;gap:20px;justify-content:space-between;padding-top:18px;padding-bottom:24px;font-size:12px;color:#C9BBA0}.footer-bottom p{margin:0}@media(max-width:1100px){.container{padding-left:20px;padding-right:20px}.topbar{gap:13px}.brand{flex-basis:150px}.primary-nav{gap:12px}.primary-nav a{font-size:13px}.main-btn{min-width:76px;padding:0 13px}}@media(max-width:980px){.site-header .channel-nav,.primary-nav{display:none}.topbar{height:58px;display:grid;grid-template-columns:76px minmax(0,1fr) 76px;gap:8px}.brand{justify-self:center;flex-basis:auto;min-width:0;max-width:100%;justify-content:center}.brand img{height:28px;width:auto;max-width:145px}.brand-name{font-size:17px}.brand-name small{font-size:8px}.main-btn{height:36px;min-width:76px;padding:0 9px}.menu-button{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:5px;width:40px;height:40px;background:transparent;border:0;cursor:pointer}.menu-button span{width:23px;height:2px;background:#E8B84A;display:block}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100vh;height:100dvh;background:#161616;color:#F7F1DE;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;visibility:hidden}.mobile-drawer.is-open{transform:translateX(0);visibility:visible}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:17px;border-bottom:1px solid #4c3c20;color:#E8B84A}.drawer-top strong{font-size:17px}.drawer-top strong span{display:block;font-size:10px;letter-spacing:.1em}.drawer-close{background:none;border:0;font-size:31px;color:#E8B84A;cursor:pointer;line-height:1}.drawer-section{padding:12px 16px;border-bottom:1px solid #3e3627}.drawer-section h2{color:#E8B84A;font-size:15px;margin:0 0 4px}.drawer-section a{display:block;min-height:40px;padding:7px 4px;color:#F7F1DE;font-size:14px}.drawer-section a.active{color:#E8B84A}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#0C0C0C;border-top:1px solid #584823;height:60px}.mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;font-size:14px;color:#E7D7B0}.mobile-bottom-nav a.active{color:#E8B84A}.page-main{padding-bottom:95px}.footer-bottom{padding-bottom:80px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.container{padding-left:16px;padding-right:16px}.hero-intro h1{font-size:29px}.page-title{font-size:27px}.section h2,.article-content h2{font-size:21px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-2{grid-template-columns:1fr;gap:13px}.text-card{padding:15px}.text-card h3{font-size:17px}.text-card p{font-size:14px}.paired{grid-template-columns:1fr}.paired .media{max-height:190px}.paired .visual{order:-1}.hero-banner .media{height:155px}.article-media .media{max-height:190px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-item .media{height:150px}.footer-bottom{display:block}.footer-bottom p{margin-bottom:9px}}@media(max-width:375px){.brand img{max-width:120px}.brand-name{font-size:15px}.grid-3{gap:9px}.text-card{padding:12px}.hero-intro h1{font-size:27px}.gallery-grid{grid-template-columns:1fr}.gallery-item .media{height:170px}}@media(max-width:320px){.container{padding-left:15px;padding-right:15px}.grid-3{grid-template-columns:1fr}.topbar{grid-template-columns:58px minmax(0,1fr) 76px;gap:3px}.brand img{max-width:105px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}