/* 麻将胡了：响应式黑金竞技资讯界面 */
:root{--bg:#0E0E0E;--panel:#1C1C1C;--gold:#E8B84A;--ink:#F7F1DE;--muted:#C9BBA0;--line:rgba(232,184,74,.22);--dim:#8E8372}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}a{color:var(--gold);text-decoration:none}a:hover{color:#F6D56A}button{font:inherit}img{max-width:100%}.container{width:min(100% - 48px,1140px);margin:0 auto}.site-header{position:sticky;top:0;z-index:100;background:#111111;border-bottom:1px solid var(--line)}.header-inner{height:70px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;flex:0 0 auto;min-width:134px;color:var(--gold);font-size:23px;letter-spacing:.04em}.brand img{height:38px;width:auto;max-width:170px;object-fit:contain}.primary-nav{display:flex;align-items:stretch;justify-content:center;gap:clamp(12px,1.8vw,28px);flex:1;min-width:0;height:100%;white-space:nowrap}.nav-item{display:flex;align-items:center;position:relative;color:#F7F1DE;font-size:14px}.nav-item.is-active,.channel-item.is-active{color:var(--gold)}.nav-item.is-active:after{content:"";position:absolute;bottom:12px;left:0;right:0;height:2px;background:var(--gold)}.main-btn{flex:none;min-width:88px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:999px;background:linear-gradient(180deg,#F6D56A 0%,#E8B84A 55%,#C8962E 100%);color:#14110A;font-weight:700;font-size:14px}.main-btn:hover{color:#14110A;filter:brightness(1.07)}.channel-strip{background:#1A1A1A;border-bottom:1px solid #24211c}.channel-inner{min-height:46px;display:flex;gap:22px;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.channel-item{color:#C9BBA0;font-size:13px;flex:none}.channel-item:hover{color:var(--gold)}.menu-toggle,.mobile-drawer,.drawer-mask,.bottom-tabs{display:none}.site-main{min-height:55vh}.hero-wrap{max-width:1040px;margin:25px auto 28px}.media{position:relative;width:100%;max-width:100%;background:#1C1C1C;border:1px solid var(--line);border-radius:12px;overflow:hidden}.media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-16x9{aspect-ratio:16/9}.media-3x4{aspect-ratio:3/4}.photo-block{max-height:240px}.photo-block.media-3x4{max-width:270px;max-height:360px}.hero-media{height:clamp(190px,18.8vw,240px);border-radius:14px}.media-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#24211a 0%,#1A1A1A 56%,#171717 100%)}.intro{padding-bottom:18px}.intro h1{font-size:clamp(28px,3vw,39px);line-height:1.36;margin:0 0 16px;letter-spacing:.01em}.intro p{max-width:820px;color:var(--muted);line-height:1.84}.eyebrow{color:var(--gold);font-size:13px;letter-spacing:.12em;font-weight:700}.section-block{margin:34px 0 42px}.section-title{font-size:25px;line-height:1.4;margin:0 0 16px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-heading>a{font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-card,.panel,.feature-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:19px 20px;min-width:0}.category-card h3,.panel h3{font-size:18px;margin:0 0 10px}.category-card p,.panel p,.feature-card p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 10px}.text-link{font-weight:700;font-size:14px}.story-layout{max-width:900px}.story-layout .media{height:220px}.story-layout p,.columns-two p,.section-block>p{color:var(--muted)}.columns-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.link-list{margin:14px 0 0;padding-left:18px;color:var(--gold);display:flex;flex-wrap:wrap;gap:7px 24px}.inline-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.inline-index a{padding:15px;border:1px solid var(--line);background:#171717;border-radius:10px;display:block;min-width:0}.inline-index strong{display:block;font-size:16px}.inline-index span{font-size:12px;color:var(--muted);display:block;margin-top:5px}.notice-panel{border:1px solid var(--gold);background:linear-gradient(100deg,#241f16,#171717);padding:22px 25px;border-radius:13px}.notice-panel p{margin:8px 0;color:var(--muted)}.news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:35px}.news-item{border-top:1px solid var(--line);padding:16px 0}.news-item h3{margin:3px 0 8px;font-size:18px}.news-item p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 8px}.small-label{color:var(--dim);font-size:12px}.mobile-feature{display:grid;grid-template-columns:minmax(0,1fr) 34%;gap:25px;align-items:center}.mobile-feature .media{max-height:215px}.service-links{display:flex;flex-wrap:wrap;gap:12px 24px}.page-container{padding-top:35px;padding-bottom:42px}.breadcrumbs{font-size:13px;color:var(--dim);margin-bottom:18px}.breadcrumbs a{color:var(--muted)}.page-heading{max-width:825px;margin-bottom:25px}.page-heading h1{font-size:clamp(27px,2.8vw,34px);line-height:1.4;margin:6px 0 16px}.page-heading p{color:var(--muted);line-height:1.85}.article-shell{max-width:800px}.article-section{margin:27px 0 37px}.article-section h2{font-size:24px;line-height:1.4;margin:0 0 13px;padding-left:15px;border-left:3px solid var(--gold)}.article-section p{margin:0 0 17px;line-height:1.85}.article-visual{margin:20px 0 30px;max-width:760px}.related{border-top:1px solid var(--line);padding-top:21px;margin-top:35px}.related h2{font-size:21px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-grid a{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 15px}.catalog-group{margin:25px 0}.catalog-group h2{font-size:21px;color:var(--gold)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalog-grid a{border-bottom:1px solid var(--line);padding:9px 0;color:var(--ink)}.catalog-grid a:hover{color:var(--gold)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gallery-card{background:var(--panel);border-radius:12px;padding:14px;border:1px solid var(--line);min-width:0}.gallery-card .media{height:170px}.gallery-card h3{margin:12px 0 3px;font-size:17px}.gallery-card p{font-size:13px;color:var(--muted);margin:0}.faq-item{margin:0 0 20px;border-bottom:1px solid var(--line);padding-bottom:15px}.faq-item h2{font-size:18px;margin:0 0 7px;color:var(--gold)}.faq-item p{margin:0}.site-footer{background:#070707;border-top:2px solid var(--gold);padding:40px 0 20px;color:#E7D7B0}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:25px}.footer-grid h2{font-size:16px;color:var(--gold);margin:0 0 14px}.footer-grid a{display:block;font-size:14px;color:#E7D7B0;margin:6px 0}.footer-grid a:hover{color:var(--gold)}.footer-brand p{font-size:13px;max-width:290px;color:#C9BBA0}.footer-logo{font-size:23px;font-weight:bold}.footer-logo img{max-width:165px;max-height:38px;object-fit:contain}.footer-bottom{margin-top:30px;padding-top:16px;border-top:1px solid #353025;font-size:12px;color:#C9BBA0}.footer-bottom p{margin:5px 0}
@media(max-width:1050px){.header-inner{gap:14px}.primary-nav{gap:12px}.brand{min-width:120px}.nav-item{font-size:13px}}
@media(max-width:980px){.container{width:calc(100% - 40px)}.header-inner{height:58px;justify-content:space-between;gap:8px}.site-header .brand{min-width:0;max-width:calc(100% - 152px);margin:auto}.brand img{height:28px;max-width:152px}.brand strong{font-size:19px;white-space:nowrap}.primary-nav,.channel-strip{display:none}.menu-toggle{width:42px;height:40px;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;cursor:pointer}.menu-toggle span{width:22px;height:2px;background:var(--gold)}.main-btn{height:36px;min-width:76px;padding:0 12px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);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}.drawer-heading{padding:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-heading strong{font-size:16px;color:var(--gold)}.drawer-close{background:transparent;border:0;color:var(--gold);font-size:30px;cursor:pointer}.drawer-group{padding:7px 15px 15px;border-bottom:1px solid #32302b}.drawer-group h2{font-size:14px;color:var(--gold);margin:8px 0}.drawer-group a{display:block;min-height:41px;padding:8px 10px;color:var(--ink);border-radius:5px;font-size:14px}.drawer-group a.is-active{background:#30291b;color:var(--gold)}body.drawer-open{overflow:hidden}.bottom-tabs{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#0C0C0C;border-top:1px solid var(--line);height:61px;z-index:90}.bottom-tabs a{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.bottom-tabs a.is-active{color:var(--gold)}body{padding-bottom:61px}.site-footer{padding-bottom:26px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-index{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-wrap{margin:18px auto 24px}}
@media(max-width:600px){body{font-size:15px}.container{width:calc(100% - 32px)}.hero-media{height:clamp(125px,38vw,165px)}.intro h1{font-size:28px}.section-block{margin:28px 0 34px}.section-title{font-size:21px}.category-card{padding:13px}.category-card h3{font-size:16px}.category-card p{font-size:13px}.columns-two,.news-list,.mobile-feature{grid-template-columns:1fr}.mobile-feature .media{order:-1;height:170px}.inline-index{grid-template-columns:repeat(2,minmax(0,1fr))}.article-section h2{font-size:21px}.page-container{padding-top:22px}.page-heading h1{font-size:27px}.related-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-card{padding:10px}.gallery-card .media{height:145px}.photo-block{max-height:190px}.story-layout .media{height:165px}.footer-grid{gap:18px}.service-links{gap:6px 18px}}
@media(max-width:350px){.category-grid,.gallery-grid{grid-template-columns:1fr}.hero-media{height:125px}.brand strong{font-size:17px}.main-btn{min-width:76px}.footer-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}