/* 爱玩社MOD 全站基础模板 CSS - Discuz X3.5 / PHP8 */
html, body {
  margin: 0;
  padding: 0;
  background: #07111c;
}

body.aws-body {
  min-width: 1200px;
  background:
    radial-gradient(circle at 25% 0%, rgba(62,128,255,.13), transparent 28%),
    radial-gradient(circle at 85% 20%, rgba(55,214,94,.08), transparent 26%),
    linear-gradient(180deg, #07101a 0%, #081421 45%, #07111c 100%) !important;
}

.aws-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 25% 0%, rgba(62,128,255,.13), transparent 28%),
    radial-gradient(circle at 85% 20%, rgba(55,214,94,.08), transparent 26%),
    linear-gradient(180deg, #07101a 0%, #081421 45%, #07111c 100%);
}

#wp.aws-wp {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.aws-login,
.aws-register {
  height: 40px;
  padding: 0 16px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  white-space: nowrap;
}

.aws-login {
  border: 1px solid rgba(255,255,255,.2);
  color: #dce7f5;
  background: rgba(255,255,255,.06);
}

.aws-register {
  background: #43d65e;
  color: #05200c;
}

.user-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

*{margin:0;padding:0;box-sizing:border-box}
    :root{
      --bg:#07111c;--card:rgba(13,27,43,.9);--card2:rgba(16,34,54,.9);
      --line:rgba(148,174,207,.14);--text:#eaf2ff;--muted:#8fa1b8;
      --green:#43d65e;--yellow:#f6c84c;--orange:#ff9f45;
    }
    body{
      min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;
      background:radial-gradient(circle at 25% 0%,rgba(62,128,255,.13),transparent 28%),
      radial-gradient(circle at 85% 20%,rgba(55,214,94,.08),transparent 26%),
      linear-gradient(180deg,#07101a 0%,#081421 45%,#07111c 100%);
      color:var(--text);font-size:14px;
    }
    a{color:inherit;text-decoration:none}
    .wrap{width:1440px;max-width:calc(100% - 40px);margin:0 auto}
    .header{height:70px;position:sticky;top:0;z-index:50;background:rgba(7,16,26,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
    .header-inner{height:70px;display:flex;align-items:center;gap:24px}
    .logo{width:190px;flex:0 0 190px;display:flex;align-items:center;gap:10px}
    .logo-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(67,214,94,.6);box-shadow:0 0 26px rgba(67,214,94,.25);color:var(--green);font-weight:900}
    .logo-mark:before{content:"◇";font-size:23px}
    .logo-text strong{display:block;font-size:23px;line-height:1;letter-spacing:1px;font-weight:900}
    .logo-text span{display:block;margin-top:5px;color:#a7b5c7;font-size:11px;font-weight:700}
    .nav{display:flex;align-items:center;gap:20px;white-space:nowrap;height:70px;flex:1}
    .nav a{height:70px;display:inline-flex;align-items:center;color:#dce7f5;font-size:15px;font-weight:700;position:relative}
    .nav a.active{color:var(--green)} .nav a.active:after,.nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--green);border-radius:10px 10px 0 0}
    .top-search{width:280px;height:38px;display:flex;align-items:center;border:1px solid rgba(148,174,207,.22);background:rgba(10,22,36,.95);border-radius:6px;overflow:hidden}
    .top-search input{flex:1;height:100%;border:0;outline:0;background:transparent;color:#dce7f5;padding:0 13px;font-size:13px}
    .top-search input::placeholder{color:#6f8198}.top-search button{width:42px;height:100%;border:0;background:transparent;color:#b8c6d7;cursor:pointer;font-size:17px}
    .publish{height:40px;padding:0 18px;border-radius:6px;background:var(--green);color:#05200c;display:inline-flex;align-items:center;justify-content:center;font-weight:900;white-space:nowrap}
    .bell{color:#d8e5f3;font-size:20px;opacity:.9}.user-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#60758e,#d6e0ef);border:2px solid rgba(255,255,255,.16)}
    .main{padding:18px 0 0}
    .hero{height:430px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(90deg,rgba(4,11,18,.9),rgba(4,11,18,.72) 38%,rgba(4,11,18,.2)),url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?auto=format&fit=crop&w=1800&q=85') center/cover;box-shadow:0 18px 45px rgba(0,0,0,.35)}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.48))}
    .hero-content{position:relative;z-index:2;padding:84px 0 0 96px;max-width:760px}
    .hero-title{font-size:58px;line-height:1.08;letter-spacing:1px;font-weight:900;text-shadow:0 8px 24px rgba(0,0,0,.5)}
    .hero-title span{color:var(--green);font-style:italic}.hero-sub{margin-top:16px;color:#e7f0fb;font-size:22px;letter-spacing:1px;text-shadow:0 5px 16px rgba(0,0,0,.45)}
    .hero-features{margin-top:28px;display:grid;grid-template-columns:repeat(4,132px);gap:34px}
    .feature{display:flex;gap:10px;align-items:flex-start;color:#dce8f6}.feature i{width:22px;height:22px;border-radius:4px;border:2px solid var(--green);color:var(--green);display:grid;place-items:center;font-style:normal;font-size:12px;flex:0 0 22px;margin-top:1px}
    .feature b{display:block;font-size:15px;margin-bottom:4px}.feature span{display:block;color:#a4b3c5;font-size:12px}
    .hero-actions{margin-top:42px;display:flex;gap:24px}.hero-btn{width:160px;height:48px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;border:1px solid rgba(255,255,255,.22);background:rgba(3,10,17,.45);color:#fff}
    .hero-btn.primary{background:var(--green);color:#05200c;border-color:transparent}
    .arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;background:rgba(5,12,20,.55);display:grid;place-items:center;color:#c5d4e7;font-size:26px}.arrow.left{left:18px}.arrow.right{right:18px}
    .dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:12px;z-index:3}.dots span{width:9px;height:9px;background:rgba(255,255,255,.55);border-radius:50%}.dots .active{background:#fff}
    .game-strip{margin-top:22px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
    .game-box{height:255px;border-radius:8px;padding:20px;position:relative;overflow:hidden;background:var(--tone,#654028);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
    .game-box:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--tone,rgba(126,70,36,.92)) 0%,rgba(55,42,44,.62) 43%,rgba(7,15,24,.16) 66%,rgba(3,9,15,.72) 100%),radial-gradient(circle at 50% 82%,rgba(255,255,255,.16),transparent 34%);z-index:1}
    .game-box:after{content:"";position:absolute;left:0;right:0;bottom:0;top:42px;background:var(--img),linear-gradient(135deg,#223b59,#0d1f34);background-size:cover;background-position:center bottom;opacity:.86;transition:.25s ease}
    .game-box:hover:after{transform:scale(1.08);opacity:.9}
    .game-info{position:relative;z-index:2;height:100%;display:block}.game-info b{font-size:20px;line-height:1.2;display:block;margin-bottom:9px;color:#fff;text-shadow:0 5px 14px rgba(0,0,0,.55)}
    .game-info span{color:#d9e2ef;font-size:14px;text-shadow:0 4px 12px rgba(0,0,0,.48)}.game-info em{display:block;margin-top:16px;color:#d3dfef;font-style:normal;font-size:13px;font-weight:700;text-shadow:0 4px 12px rgba(0,0,0,.5)}
    .game-info em i{color:var(--yellow);font-style:normal}
    .content{margin-top:18px;display:grid;grid-template-columns:1fr 410px;gap:18px;align-items:start}
    .panel{background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.18);overflow:hidden}
    .panel-head{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}
    .panel-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:900}.panel-title:before{content:"";width:4px;height:22px;border-radius:5px;background:var(--green);display:block}
    .more{color:#9aabc0;font-size:14px}.section-gap{margin-top:18px}
    .tabs{height:58px;display:flex;align-items:center;gap:78px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.06)}.tabs a{color:#b0bfd2;font-size:15px;font-weight:800;height:58px;display:inline-flex;align-items:center;position:relative}.tabs .active{color:var(--green)}.tabs .active:after{content:"";height:3px;left:0;right:0;bottom:0;position:absolute;background:var(--green);border-radius:3px 3px 0 0}
    .mod-grid{padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mod-card{overflow:hidden;border-radius:7px;background:rgba(10,22,36,.72);border:1px solid rgba(255,255,255,.08);transition:.22s ease}.mod-card:hover{transform:translateY(-3px);border-color:rgba(67,214,94,.32)}
    .mod-cover{height:148px;position:relative;background:linear-gradient(135deg,#1d334e,#07111c)}.flag{position:absolute;top:8px;left:8px;z-index:2;height:22px;padding:0 8px;border-radius:4px;background:var(--green);color:#08200d;font-size:12px;font-weight:900;display:inline-flex;align-items:center}.flag.new{background:var(--orange);color:#fff}
    .mod-body{padding:13px 12px 14px}.mod-body h3{font-size:16px;font-weight:800;line-height:1.45;min-height:45px;color:#edf5ff;margin-bottom:9px}.tags{display:flex;gap:8px;margin-bottom:12px}.tags span{height:24px;padding:0 8px;display:inline-flex;align-items:center;color:#9fb2c9;background:rgba(148,174,207,.1);border-radius:4px;font-size:12px}.mod-meta{display:flex;align-items:center;justify-content:space-between;color:#899bb2;font-size:12px}.author-mini{display:flex;align-items:center;gap:6px;min-width:0}.face{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#dce8ff,#566b83);flex:0 0 22px}
    .side-stack{display:grid;gap:18px}.side-list{padding:12px 16px 16px}.rank-row{display:grid;grid-template-columns:24px 58px 1fr;gap:12px;align-items:center;padding:8px 0}.num{width:18px;height:18px;border-radius:3px;display:grid;place-items:center;font-size:11px;font-weight:900;color:#fff;background:rgba(255,255,255,.14)}.rank-row:nth-child(1) .num{background:#e12d45}.rank-row:nth-child(2) .num{background:#3d9bff}.rank-row:nth-child(3) .num{background:#f1a43a}.thumb{width:58px;height:38px;border-radius:4px;overflow:hidden;background:#1b3049}.rank-info b{display:block;color:#dce8f6;font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.rank-info span{color:#899bb2;font-size:12px}
    .text-list{padding:12px 18px 16px}.text-row{display:grid;grid-template-columns:20px 1fr 48px;gap:8px;padding:7px 0;align-items:start}.text-row em{color:var(--green);font-style:normal;font-size:13px}.text-row b{color:#dce8f6;font-size:14px;font-weight:700;line-height:1.35;display:block}.text-row small{display:block;color:#8d9db4;font-size:12px;margin-top:4px}.text-row time{color:#899bb2;font-size:12px;text-align:right}
    .reply-list{padding:14px 18px}.reply-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:8px 0}.reply-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#d8e2ef,#61738a)}.reply-row b{display:block;font-size:13px;color:#e3edf9;margin-bottom:4px}.reply-row span,.reply-row time{color:#8d9db4;font-size:12px}
    .category-grid{padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{height:92px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(17,37,59,.9),rgba(8,18,31,.78));display:flex;align-items:center;gap:14px;padding:16px;transition:.22s ease;position:relative;overflow:hidden}.category-card:after{content:"";position:absolute;width:88px;height:88px;right:-34px;bottom:-36px;border-radius:50%;background:rgba(67,214,94,.13)}.category-card:hover{transform:translateY(-3px);border-color:rgba(67,214,94,.32)}.category-icon{width:42px;height:42px;border-radius:8px;background:rgba(67,214,94,.13);color:var(--green);display:grid;place-items:center;font-size:22px;flex:0 0 42px;position:relative;z-index:2}.category-card b{display:block;color:#e9f2ff;font-size:16px;margin-bottom:6px;position:relative;z-index:2}.category-card span{color:#8fa1b8;font-size:12px;position:relative;z-index:2}
    .recommend-grid{padding:18px;display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:16px}.recommend-big,.recommend-small{border-radius:7px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08);background:#102036}.recommend-big{height:300px}.recommend-small{height:142px}.recommend-col{display:grid;gap:16px}.recommend-big:before,.recommend-small:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.75))}.recommend-info{position:absolute;left:16px;right:16px;bottom:15px;z-index:2}.recommend-info em{display:inline-flex;height:22px;padding:0 8px;align-items:center;border-radius:4px;background:var(--green);color:#05200c;font-style:normal;font-size:12px;font-weight:900;margin-bottom:9px}.recommend-info b{display:block;color:#fff;font-size:18px;line-height:1.35;margin-bottom:6px}.recommend-small .recommend-info b{font-size:15px}.recommend-info span{color:#aebed2;font-size:12px}
    .tutorial-grid{padding:16px 18px 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tutorial-item{min-height:78px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:rgba(8,18,31,.56);padding:14px 15px;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.tutorial-num{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:rgba(67,214,94,.13);color:var(--green);font-weight:900}.tutorial-item b{display:block;font-size:15px;color:#e7f0fb;margin-bottom:6px}.tutorial-item span{color:#8fa1b8;font-size:12px;line-height:1.5}
    .author-rank-grid{padding:16px 18px 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.author-card{min-height:76px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(17,37,59,.82),rgba(8,18,31,.74));padding:12px;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;position:relative;overflow:hidden;transition:.22s ease}.author-card:hover{transform:translateY(-2px);border-color:rgba(67,214,94,.3)}.author-card:before{content:attr(data-rank);position:absolute;right:10px;top:8px;color:rgba(255,255,255,.08);font-size:28px;font-weight:900;line-height:1}.author-photo{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#dce8ff,#566b83);border:2px solid rgba(255,255,255,.14);position:relative;z-index:2}.author-card b{display:block;font-size:14px;color:#eef6ff;margin-bottom:5px;position:relative;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-card span{display:block;color:#8fa1b8;font-size:12px;margin-bottom:7px;position:relative;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-data{display:flex;gap:8px;position:relative;z-index:2}.author-data i{color:#b9c8da;font-style:normal;font-size:12px;white-space:nowrap}.author-data i:first-child{color:var(--green)}
    .aws-footer{margin-top:18px;background:rgba(5,12,20,.72);border-top:1px solid var(--line);padding:30px 0 34px}.aws-footer-grid{display:grid;grid-template-columns:360px repeat(4,1fr);gap:38px}.aws-footer .logo{margin-bottom:16px}.aws-footer p{color:#8fa1b8;line-height:1.8;font-size:13px}.aws-footer h4{color:#e5eef9;font-size:16px;margin-bottom:12px}.aws-footer a{display:block;color:#8fa1b8;margin:8px 0;font-size:13px}.social{display:flex;gap:14px;margin-top:14px}.social i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#05200c;font-style:normal;font-size:12px;font-weight:900}.copyright{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);color:#71839a;font-size:12px;text-align:right}
    @media(max-width:1200px){.nav{gap:14px}.top-search{width:230px}.game-strip{grid-template-columns:repeat(3,1fr)}.content{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(3,1fr)}.mod-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.recommend-grid{grid-template-columns:1fr}.author-rank-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:900px){.header{height:auto;position:relative}.header-inner{height:auto;padding:14px 0;flex-wrap:wrap}.logo{width:auto;flex-basis:100%}.nav{order:5;width:100%;overflow-x:auto;height:46px}.nav a{height:46px}.top-search{flex:1;width:auto}.hero{height:500px}.hero-content{padding:50px 30px}.hero-title{font-size:42px}.hero-sub{font-size:18px}.hero-features{grid-template-columns:repeat(2,1fr);gap:18px}.side-stack{grid-template-columns:1fr}.aws-footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:640px){.wrap{max-width:calc(100% - 24px)}.game-strip,.mod-grid,.category-grid,.tutorial-grid,.author-rank-grid,.aws-footer-grid{grid-template-columns:1fr}.tabs{gap:24px;overflow-x:auto}.hero-actions{flex-direction:column;gap:12px}.hero-btn{width:100%}}


/* 顶部用户头像悬浮卡片 */
.aws-user {
  position: relative;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
}

.aws-user .user-avatar {
  display: block;
}

.aws-user-panel {
  position: absolute;
  top: 48px;
  right: 0;
  width: 360px;
  min-height: 430px;
  padding: 24px 28px 22px;
  background: rgba(255,255,255,.96);
  color: #333;
  border-radius: 4px;
  box-shadow: 0 18px 60px rgba(0,0,0,.28);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: .18s ease;
  z-index: 9999;
}

.aws-user-panel:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 16px;
  width: 80px;
  height: 18px;
}

.aws-user:hover .aws-user-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.aws-user-top {
  text-align: center;
}

.aws-user-bigavatar {
  display: block;
  width: 78px;
  height: 78px;
  margin: 0 auto 12px;
  border-radius: 50%;
  overflow: hidden;
  background: #d9e2ef;
}

.aws-user-bigavatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.aws-user-name {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin-bottom: 16px;
}

.aws-user-actions {
  display: flex;
  justify-content: center;
  gap: 38px;
  margin-bottom: 22px;
}

.aws-user-actions a {
  color: #555;
  font-size: 15px;
}

.aws-user-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px 32px;
  margin: 0 auto 24px;
  max-width: 250px;
}

.aws-user-links a {
  color: #555;
  font-size: 15px;
  line-height: 1.4;
}

.aws-user-links a:hover,
.aws-user-actions a:hover,
.aws-user-logout a:hover {
  color: #1677ff;
}

.aws-user-extra {
  margin: 18px auto 20px;
  max-width: 250px;
  color: #555;
  font-size: 15px;
  line-height: 1.8;
}

.aws-user-extra span {
  display: block;
}

.aws-user-logout {
  text-align: right;
  border-top: 1px solid #eee;
  padding-top: 16px;
}

.aws-user-logout a {
  color: #666;
  font-size: 15px;
}

/* 未登录使用官方登录/注册链接 */
.aws-login,
.aws-register {
  height: 40px;
  padding: 0 16px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  white-space: nowrap;
}

.aws-login {
  border: 1px solid rgba(255,255,255,.2);
  color: #dce7f5;
  background: rgba(255,255,255,.06);
}

.aws-register {
  background: #43d65e;
  color: #05200c;
}

.user-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}



/* 管理员固定 DIY 编辑按钮 */
.aws-diy-fixed {
  position: fixed;
  right: 22px;
  bottom: 28px;
  z-index: 10000;
  height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  background: #43d65e;
  color: #05200c !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
}

.aws-diy-fixed:hover {
  filter: brightness(1.08);
}


/* ===== Discuz DIY 修正：必须保留实际盒子，不能 display:contents ===== */
.area {
  position: relative;
  display: block;
  min-height: 48px;
  width: 100%;
}

/* DIY 空区域提示，方便管理员看到可以拖模块的位置 */
.area:empty::before {
  content: "DIY模块位置";
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border: 1px dashed rgba(67,214,94,.35);
  color: rgba(234,242,255,.45);
  font-size: 13px;
}

/* 让这些容器里的 DIY area 占满整块，不然空模块可能只有一小格 */
.mod-grid > .area,
.category-grid > .area,
.recommend-grid > .area,
.tutorial-grid > .area,
.author-rank-grid > .area,
.side-list > .area,
.text-list > .area,
.reply-list > .area,
.game-strip.area,
.game-strip > .area {
  grid-column: 1 / -1;
}

/* DIY模式下提高官方面板层级 */
#controlpanel,
#diy-tg,
#diy-tg_menu,
#diy-tg_menu_menu,
#controlpanel_menu {
  z-index: 20000 !important;
}

/* 固定 DIY 入口 */
.aws-diy-fixed {
  position: fixed;
  right: 22px;
  bottom: 28px;
  z-index: 10000;
  height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  background: #43d65e;
  color: #05200c !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
}



/* ===== Discuz 官方 DIY 面板可读性修复 ===== */
/* 避免爱玩社深色全局样式影响官方 DIY 工具栏、弹窗、编辑模块 */
#controlpanel,
#controlpanel *,
#controlpanel_menu,
#controlpanel_menu *,
#button_more_menu,
#button_more_menu *,
#diy-tg_menu,
#diy-tg_menu *,
#samplepanel,
#samplepanel *,
#append_parent .fwin,
#append_parent .fwin *,
#append_parent .m_c,
#append_parent .m_c *,
#append_parent .flb,
#append_parent .flb *,
#append_parent .c,
#append_parent .c *,
#append_parent .p_opt,
#append_parent .p_opt *,
#append_parent .p_pop,
#append_parent .p_pop * {
  color: #333 !important;
  text-shadow: none !important;
  font-family: Arial, "Microsoft YaHei", sans-serif !important;
}

/* DIY 顶部工具栏 */
#controlpanel {
  background: #f5f5f5 !important;
  border: 1px solid #bbb !important;
  color: #333 !important;
  z-index: 999999 !important;
}

#controlheader {
  background: #f0f0f0 !important;
  border-bottom: 1px solid #ccc !important;
}

#controlnav li,
#controlnav li a {
  color: #333 !important;
  background: transparent !important;
}

#controlnav li.current,
#controlnav li.current a {
  background: #fff !important;
  color: #000 !important;
  font-weight: 700 !important;
}

/* 开始 / 框架 / 模块 内容区域 */
#controlcontent,
#contentstart,
#contentframe,
#contentblockclass {
  background: #fff !important;
  color: #333 !important;
}

#controlcontent a,
#contentstart a,
#contentframe a,
#contentblockclass a {
  color: #333 !important;
}

#controlcontent a:hover,
#contentstart a:hover,
#contentframe a:hover,
#contentblockclass a:hover {
  color: #1677ff !important;
}

/* 保存、预览、关闭等按钮 */
#navsave a,
#navcancel a,
#preview a,
#button_more,
#button_undo a,
#button_redo a {
  color: #333 !important;
}

#navsave a {
  background: #f6a623 !important;
  color: #fff !important;
  border-radius: 3px !important;
  padding: 2px 10px !important;
}

/* 官方弹窗：编辑模块、模块设置等 */
#append_parent .fwin .m_c,
#append_parent .fwin .flb,
#append_parent .fwin .c,
#append_parent .fwin .o,
#append_parent .m_c,
#append_parent .flb,
#append_parent .c,
#append_parent .o {
  background: #fff !important;
  color: #333 !important;
}

#append_parent .flb em,
#append_parent .flb span,
#append_parent .flb a {
  color: #333 !important;
}

#append_parent label,
#append_parent td,
#append_parent th,
#append_parent p,
#append_parent span,
#append_parent div {
  color: #333 !important;
}

/* 输入框、下拉框 */
#append_parent input,
#append_parent select,
#append_parent textarea,
#controlpanel input,
#controlpanel select,
#controlpanel textarea {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #aaa !important;
}

#append_parent input[type="button"],
#append_parent input[type="submit"],
#append_parent button,
#controlpanel input[type="button"],
#controlpanel input[type="submit"],
#controlpanel button {
  background: #1677ff !important;
  color: #fff !important;
  border: 1px solid #1677ff !important;
  border-radius: 3px !important;
  cursor: pointer;
}

/* 取消按钮 */
#append_parent input[value="取消"],
#append_parent button.cancel {
  background: #f5f5f5 !important;
  color: #333 !important;
  border-color: #bbb !important;
}

/* DIY 模块拖拽区域提示 */
.frame,
.tab,
.block {
  color: #333 !important;
}

.edit {
  color: #fff !important;
  background: #e4393c !important;
  text-shadow: none !important;
}

.block .edit {
  color: #fff !important;
  background: #1677ff !important;
}

.edit-menu {
  background: #fff !important;
  color: #333 !important;
  border-color: #ccc !important;
}

.edit-menu .mitem {
  color: #333 !important;
}

/* 模块列表小浮层 */
.p_pop,
.p_pop a,
.p_opt,
.p_opt a {
  background: #fff !important;
  color: #333 !important;
}

.p_pop a:hover,
.p_opt a:hover {
  color: #1677ff !important;
}

/* 顶部官方 DIY 小按钮 */
#diy-tg,
#diy-tg_menu a {
  color: #333 !important;
}

/* 避免 DIY 面板被网站头部盖住 */
#controlpanel,
#samplepanel,
#append_parent .fwin {
  z-index: 999999 !important;
}



/* =========================================================
   Discuz 官方 DIY 全面修复
   目的：所有 DIY 工具栏、弹窗、菜单、模块面板都恢复浅色可读
   ========================================================= */

/* 1. 官方 DIY 顶部主控制面板 */
#controlpanel,
#controlpanel * {
  color: #333 !important;
  text-shadow: none !important;
  font-family: Arial, "Microsoft YaHei", sans-serif !important;
}

#controlpanel {
  position: relative;
  background: #f7f7f7 !important;
  border: 1px solid #bfbfbf !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.18) !important;
  z-index: 999999 !important;
}

#controlheader {
  background: #eeeeee !important;
  border-bottom: 1px solid #cfcfcf !important;
}

#controlnav {
  background: transparent !important;
}

#controlnav li,
#controlnav li a {
  background: transparent !important;
  color: #333 !important;
}

#controlnav li.current,
#controlnav li.current a {
  background: #fff !important;
  color: #000 !important;
  font-weight: 700 !important;
}

#controlcontent,
#contentstart,
#contentframe,
#contentblockclass,
#contentstyle,
#contentdiy {
  background: #fff !important;
  color: #333 !important;
}

#controlcontent a,
#contentstart a,
#contentframe a,
#contentblockclass a,
#contentstyle a,
#contentdiy a {
  color: #333 !important;
}

#controlcontent a:hover,
#contentstart a:hover,
#contentframe a:hover,
#contentblockclass a:hover,
#contentstyle a:hover,
#contentdiy a:hover {
  color: #1677ff !important;
}

#cpfooter {
  background: #f7f7f7 !important;
}

/* 2. DIY 控制栏按钮：保存 / 预览 / 关闭 / 更多 / 撤销 / 重做 */
#navsave a,
#navcancel a,
#preview a,
#button_more,
#button_undo a,
#button_redo a,
#diycancel,
#diy_preview {
  color: #333 !important;
  text-shadow: none !important;
}

#navsave a {
  background: #f6a623 !important;
  color: #fff !important;
  border-radius: 3px !important;
  padding: 2px 10px !important;
}

#navcancel a {
  background: #eee !important;
  color: #333 !important;
  border-radius: 3px !important;
  padding: 2px 10px !important;
}

/* 3. DIY 更多菜单 / 顶部小菜单 / 下拉菜单 */
#button_more_menu,
#button_more_menu *,
#diy-tg_menu,
#diy-tg_menu *,
#diy-tg_menu_menu,
#diy-tg_menu_menu *,
#controlpanel_menu,
#controlpanel_menu *,
.p_pop,
.p_pop *,
.p_opt,
.p_opt * {
  background-color: #fff !important;
  color: #333 !important;
  text-shadow: none !important;
}

#button_more_menu,
#diy-tg_menu,
#diy-tg_menu_menu,
#controlpanel_menu,
.p_pop,
.p_opt {
  border: 1px solid #cfcfcf !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.18) !important;
  z-index: 999999 !important;
}

#button_more_menu a,
#diy-tg_menu a,
#diy-tg_menu_menu a,
#controlpanel_menu a,
.p_pop a,
.p_opt a {
  color: #333 !important;
}

#button_more_menu a:hover,
#diy-tg_menu a:hover,
#diy-tg_menu_menu a:hover,
#controlpanel_menu a:hover,
.p_pop a:hover,
.p_opt a:hover {
  color: #1677ff !important;
  background: #f2f7ff !important;
}

/* 4. 所有 Discuz 弹窗：编辑模块 / 属性 / 数据 / 导入导出 */
#append_parent,
#append_parent *,
#append_parent .fwin,
#append_parent .fwin *,
#append_parent .m_c,
#append_parent .m_c *,
#append_parent .flb,
#append_parent .flb *,
#append_parent .c,
#append_parent .c *,
#append_parent .o,
#append_parent .o *,
#append_parent .pns,
#append_parent .pns *,
#append_parent .tb,
#append_parent .tb *,
#append_parent .dt,
#append_parent .dt *,
#append_parent .exfm,
#append_parent .exfm *,
#append_parent .altw,
#append_parent .altw *,
#append_parent .alert_right,
#append_parent .alert_error,
#append_parent .alert_info {
  color: #333 !important;
  text-shadow: none !important;
  font-family: Arial, "Microsoft YaHei", sans-serif !important;
}

#append_parent .fwin,
#append_parent .m_c,
#append_parent .flb,
#append_parent .c,
#append_parent .o,
#append_parent .pns,
#append_parent .exfm,
#append_parent .altw {
  background: #fff !important;
}

#append_parent .flb {
  border-bottom: 1px solid #ddd !important;
}

#append_parent .flb em,
#append_parent .flb span,
#append_parent .flb a {
  color: #333 !important;
}

#append_parent .c {
  background: #fff !important;
}

#append_parent .o {
  background: #f7f7f7 !important;
  border-top: 1px solid #ddd !important;
}

/* 5. DIY 弹窗里的表格、文字、提示 */
#append_parent table,
#append_parent tr,
#append_parent td,
#append_parent th,
#append_parent label,
#append_parent p,
#append_parent div,
#append_parent span,
#append_parent li,
#append_parent dt,
#append_parent dd,
#append_parent em,
#append_parent strong {
  color: #333 !important;
  text-shadow: none !important;
}

#append_parent th,
#append_parent .tb th {
  background: #f7f7f7 !important;
  color: #333 !important;
}

#append_parent .xg1,
#append_parent .xg2,
#append_parent .xs0 {
  color: #666 !important;
}

#append_parent .xi1,
#append_parent .xi2,
#append_parent a {
  color: #1677ff !important;
}

/* 6. 输入框 / 下拉框 / 文本域 */
#append_parent input,
#append_parent select,
#append_parent textarea,
#controlpanel input,
#controlpanel select,
#controlpanel textarea,
#button_more_menu input,
#button_more_menu select,
#button_more_menu textarea {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #aaa !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#append_parent input:focus,
#append_parent select:focus,
#append_parent textarea:focus,
#controlpanel input:focus,
#controlpanel select:focus,
#controlpanel textarea:focus {
  border-color: #1677ff !important;
  outline: none !important;
}

/* 7. 确定 / 提交 / 取消按钮 */
#append_parent input[type="button"],
#append_parent input[type="submit"],
#append_parent button,
#append_parent .pn,
#controlpanel input[type="button"],
#controlpanel input[type="submit"],
#controlpanel button,
#controlpanel .pn {
  background: #1677ff !important;
  color: #fff !important;
  border: 1px solid #1677ff !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: pointer !important;
}

#append_parent .pn em,
#append_parent .pn span,
#controlpanel .pn em,
#controlpanel .pn span {
  color: #fff !important;
}

#append_parent input[value="取消"],
#append_parent button.cancel,
#append_parent .pn.cancel,
#append_parent .pncancel {
  background: #f5f5f5 !important;
  color: #333 !important;
  border-color: #bbb !important;
}

/* 8. 框架 / 模块编辑层 */
.frame,
.tab,
.block,
.frame *,
.tab *,
.block * {
  color: #333 !important;
  text-shadow: none !important;
}

.frame,
.tab,
.block {
  position: relative;
}

.edit {
  color: #fff !important;
  background: #e4393c !important;
  text-shadow: none !important;
  z-index: 99999 !important;
}

.block .edit {
  color: #fff !important;
  background: #1677ff !important;
}

.edit-menu,
.edit-menu * {
  background: #fff !important;
  color: #333 !important;
  text-shadow: none !important;
}

.edit-menu {
  border: 1px solid #ccc !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.18) !important;
  z-index: 999999 !important;
}

.edit-menu .mitem {
  color: #333 !important;
  background: #fff !important;
}

.edit-menu .mitem:hover {
  background: #f2f7ff !important;
  color: #1677ff !important;
}

/* 9. 模块名浮层 / 示例面板 */
.block-name {
  background: rgba(0,0,0,.8) !important;
  color: #fff !important;
}

#samplepanel,
#samplepanel * {
  background: #fff !important;
  color: #333 !important;
  text-shadow: none !important;
}

#samplepanel {
  border: 1px solid #ccc !important;
  z-index: 999999 !important;
}

/* 10. DIY 拖拽区域 */
.area {
  position: relative;
  display: block;
  min-height: 48px;
  width: 100%;
}

.area:empty::before {
  content: "DIY模块位置";
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border: 1px dashed rgba(67,214,94,.35);
  color: rgba(234,242,255,.45);
  font-size: 13px;
}

.mod-grid > .area,
.category-grid > .area,
.recommend-grid > .area,
.tutorial-grid > .area,
.author-rank-grid > .area,
.side-list > .area,
.text-list > .area,
.reply-list > .area,
.game-strip > .area {
  grid-column: 1 / -1;
}

/* 11. 层级修复 */
#controlpanel,
#controlpanel_menu,
#button_more_menu,
#diy-tg,
#diy-tg_menu,
#diy-tg_menu_menu,
#samplepanel,
#append_parent .fwin,
#append_parent .m_c,
#append_parent .p_pop,
#append_parent .p_opt,
.edit-menu {
  z-index: 999999 !important;
}

/* 12. 防止网站暗色背景污染官方 DIY */
#controlpanel a,
#append_parent a,
#button_more_menu a,
#diy-tg_menu a {
  text-decoration: none !important;
}

/* 13. DIY 顶部小按钮 */
#diy-tg {
  color: #333 !important;
  background: #f6c36a !important;
  border: 1px solid #d99b28 !important;
  padding: 2px 12px !important;
}

#diy-tg:hover {
  color: #000 !important;
  background: #ffd98a !important;
}



/* =========================================================
   Discuz DIY 图标修复
   原因：爱玩社模板的全局 img{width:100%;height:100%} 会把官方DIY小图标拉大
   ========================================================= */

/* 官方 DIY 面板里的图片全部恢复默认尺寸 */
#controlpanel img,
#controlcontent img,
#contentstart img,
#contentframe img,
#contentblockclass img,
#append_parent img,
#button_more_menu img,
#diy-tg_menu img,
#samplepanel img,
.edit-menu img,
.p_pop img,
.p_opt img {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: initial !important;
  vertical-align: middle !important;
}

/* DIY 开始页两个大按钮图标：添加框架 / 添加模块 */
#contentstart img {
  width: 70px !important;
  height: 50px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 6px !important;
}

/* DIY 框架选择小图标 */
#contentframe img {
  width: 50px !important;
  height: 35px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 4px !important;
}

/* DIY 模块分类里的小图标 */
#contentblockclass img,
#controlpanel .module img,
#controlpanel .block img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}

/* 弹窗右上角关闭按钮、提示小图标不能被拉伸 */
#append_parent .flb img,
#append_parent .flbc,
#append_parent .flbc img {
  width: auto !important;
  height: auto !important;
  max-width: 16px !important;
  max-height: 16px !important;
  object-fit: contain !important;
}

/* 只让爱玩社页面内容图片继续铺满，避免影响 Discuz 官方面板 */
.aws-page .mod-cover img,
.aws-page .thumb img,
.aws-page .recommend-big img,
.aws-page .recommend-small img,
.aws-page .game-box img,
.aws-page .user-avatar img,
.aws-page .aws-user-bigavatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/* =========================================================
   全局图片修复：防止 Discuz 官方图标被模板 img 样式拉大
   说明：
   不再对所有 img 使用 width:100%;height:100%;
   只对爱玩社内容卡片里的图片铺满。
   ========================================================= */

/* Discuz 官方区域、弹窗、DIY面板、菜单、表情、图标全部恢复默认 */
#append_parent img,
#controlpanel img,
#controlcontent img,
#contentstart img,
#contentframe img,
#contentblockclass img,
#button_more_menu img,
#diy-tg_menu img,
#samplepanel img,
#toptb img,
#hd img,
#nv img,
#um img,
#pm_ntc img,
#myprompt_menu img,
#myitem_menu img,
#qmenu_menu img,
#scrolltop img,
#ajaxwaitid img,
.p_pop img,
.p_opt img,
.fwin img,
.m_c img,
.flb img,
.c img,
.o img,
.dt img,
.tb img,
.xld img,
.avt img,
.avatar img,
img.vm,
img.y,
img.z {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: initial !important;
  vertical-align: middle !important;
}

/* 所有 Discuz 官方小图标兜底 */
#append_parent .flbc,
#append_parent .flbc img,
#append_parent .flb a img,
#controlpanel .flbc,
#controlpanel .flbc img,
#controlpanel a img,
#controlcontent a img,
.p_pop a img,
.p_opt a img {
  width: auto !important;
  height: auto !important;
  max-width: 18px !important;
  max-height: 18px !important;
  object-fit: contain !important;
}

/* DIY 开始页按钮图标单独给合理尺寸 */
#contentstart img {
  width: 70px !important;
  height: 50px !important;
  max-width: 70px !important;
  max-height: 50px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 6px !important;
}

/* DIY 框架选择图标 */
#contentframe img {
  width: 50px !important;
  height: 35px !important;
  max-width: 50px !important;
  max-height: 35px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 4px !important;
}

/* DIY 模块分类/模块列表图标 */
#contentblockclass img,
#controlpanel .module img,
#controlpanel .block img {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  object-fit: contain !important;
}

/* 只允许爱玩社自定义内容图片铺满 */
.aws-page .hero img,
.aws-page .mod-cover img,
.aws-page .thumb img,
.aws-page .recommend-big img,
.aws-page .recommend-small img,
.aws-page .game-box img,
.aws-page .user-avatar img,
.aws-page .aws-user-bigavatar img,
.aws-page .reply-avatar img,
.aws-page .author-photo img,
.aws-page .face img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
}

/* 纯图片卡片里没有 img 时不受影响 */
.mod-cover,
.thumb,
.recommend-big,
.recommend-small,
.user-avatar,
.aws-user-bigavatar {
  overflow: hidden;
}



/* =========================================================
   Discuz DIY 更多操作菜单修复
   修复：更多操作下拉菜单被页面遮住、显示不完整、文字/按钮看不清
   ========================================================= */

/* DIY 顶部控制栏固定在最高层 */
#controlpanel {
  position: relative !important;
  z-index: 999990 !important;
  overflow: visible !important;
}

/* 头部区域不允许裁剪下拉菜单 */
#controlheader,
#controlheader .y,
#controlheader p.y {
  overflow: visible !important;
  position: relative !important;
  z-index: 999991 !important;
}

/* 更多操作按钮本身 */
#button_more {
  position: relative !important;
  display: inline-block !important;
  min-width: 34px !important;
  height: 26px !important;
  line-height: 26px !important;
  padding: 0 10px !important;
  margin-left: 4px !important;
  border: 1px solid #c8c8c8 !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 13px !important;
  text-align: center !important;
  text-decoration: none !important;
  overflow: visible !important;
  z-index: 999992 !important;
}

/* 更多操作菜单：强制在最上层显示 */
#button_more_menu {
  position: absolute !important;
  z-index: 1000000 !important;
  min-width: 130px !important;
  padding: 4px 0 !important;
  border: 1px solid #bfbfbf !important;
  background: #fff !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.28) !important;
  overflow: visible !important;
}

/* 菜单内容 */
#button_more_menu ul,
#button_more_menu li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: #fff !important;
  overflow: visible !important;
}

#button_more_menu li {
  display: block !important;
  height: auto !important;
  line-height: normal !important;
}

#button_more_menu a {
  display: block !important;
  padding: 8px 14px !important;
  min-width: 96px !important;
  line-height: 20px !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 14px !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  text-shadow: none !important;
}

#button_more_menu a:hover {
  background: #f2f7ff !important;
  color: #1677ff !important;
}

/* 防止页面主体、导航、头部遮住 DIY 菜单 */
.aws-page,
.aws-page *,
.header,
.header *,
.main,
.main *,
.wrap {
  overflow: visible;
}

/* 但内容图片/卡片仍然保持必要裁剪 */
.mod-card,
.mod-cover,
.game-box,
.recommend-big,
.recommend-small,
.thumb,
.user-avatar,
.aws-user-bigavatar {
  overflow: hidden;
}

/* DIY 工具栏相关层级统一抬高 */
#controlpanel,
#controlpanel_menu,
#button_more_menu,
#diy-tg_menu,
#diy-tg_menu_menu,
#samplepanel,
#append_parent .fwin,
#append_parent .m_c,
#append_parent .p_pop,
#append_parent .p_opt,
.edit-menu {
  z-index: 1000000 !important;
}

/* 保存 / 预览 / 撤销 / 重做 / 关闭 不被透明化 */
#controlpanel #preview,
#controlpanel #button_undo,
#controlpanel #button_redo,
#controlpanel #navsave,
#controlpanel #navcancel,
#controlpanel #button_more {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

/* 保存按钮 */
#controlpanel #navsave a {
  background: #f6a623 !important;
  border: 1px solid #df9315 !important;
  color: #fff !important;
  border-radius: 3px !important;
  padding: 0 12px !important;
  height: 26px !important;
  line-height: 26px !important;
  display: inline-block !important;
  text-decoration: none !important;
}

/* 关闭按钮 */
#controlpanel #navcancel a,
#controlpanel #diycancel {
  background: #fff !important;
  border: 1px solid #c8c8c8 !important;
  color: #333 !important;
  border-radius: 3px !important;
  padding: 0 10px !important;
  height: 26px !important;
  line-height: 26px !important;
  display: inline-block !important;
  text-decoration: none !important;
}

/* 撤销重做按钮 */
#controlpanel #button_undo a,
#controlpanel #button_redo a,
#controlpanel #preview a {
  background-color: #fff !important;
  border: 1px solid #c8c8c8 !important;
  color: #333 !important;
  border-radius: 3px !important;
  min-width: 28px !important;
  height: 26px !important;
  line-height: 26px !important;
  display: inline-block !important;
  text-align: center !important;
  text-decoration: none !important;
}



/* =========================================================
   Discuz DIY 顶部工具栏最终修复
   修复：更多操作按钮被挤窄、菜单被右侧遮挡、工具栏覆盖页面
   ========================================================= */

/* DIY 面板固定在浏览器顶部，不再被页面布局挤压 */
#controlpanel {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  min-width: 1000px !important;
  z-index: 2147483000 !important;
  background: #f4f4f4 !important;
  border-bottom: 1px solid #cfcfcf !important;
  box-shadow: 0 4px 18px rgba(0,0,0,.22) !important;
  overflow: visible !important;
}

/* 进入 DIY 时给页面让出工具栏高度 */
body #controlpanel + .aws-page,
body:has(#controlpanel) .aws-page {
  padding-top: 138px !important;
}

/* 控制栏头部完整横向排列 */
#controlheader {
  height: 38px !important;
  line-height: 38px !important;
  background: #f2f2f2 !important;
  border-bottom: 1px solid #d0d0d0 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 2147483001 !important;
}

#controlheader p.y {
  position: absolute !important;
  right: 12px !important;
  top: 5px !important;
  height: 28px !important;
  line-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  z-index: 2147483002 !important;
}

#controlheader p.y span,
#controlheader p.y a {
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
}

/* 左侧 开始/框架/模块 标签 */
#controlnav {
  height: 38px !important;
  line-height: 38px !important;
  margin: 0 !important;
  padding-left: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

#controlnav li {
  height: 38px !important;
  line-height: 38px !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#controlnav li a {
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 22px !important;
  display: inline-block !important;
  color: #333 !important;
  background: transparent !important;
  text-decoration: none !important;
}

#controlnav li.current a {
  background: #fff !important;
  color: #000 !important;
  font-weight: 700 !important;
}

/* 下方内容区域 */
#controlcontent {
  min-height: 86px !important;
  max-height: 155px !important;
  background: #fff !important;
  border-bottom: 1px solid #d5d5d5 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  position: relative !important;
  z-index: 2147482999 !important;
}

/* 右上角按钮统一宽度，防止 More 竖排 */
#controlpanel #preview a,
#controlpanel #button_undo a,
#controlpanel #button_redo a,
#controlpanel #navsave a,
#controlpanel #navcancel a,
#controlpanel #button_more,
#controlpanel #diycancel,
#controlpanel #diy_preview {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  width: auto !important;
  height: 26px !important;
  line-height: 26px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border-radius: 3px !important;
  border: 1px solid #c8c8c8 !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
  overflow: visible !important;
  text-indent: 0 !important;
  text-decoration: none !important;
}

/* 保存按钮 */
#controlpanel #navsave a {
  background: #f6a623 !important;
  border-color: #df9315 !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/* 更多操作按钮明确显示为横向 */
#controlpanel #button_more {
  min-width: 46px !important;
  max-width: none !important;
  cursor: pointer !important;
}

/* 如果 More 被语言包显示，强制不换行 */
#button_more {
  white-space: nowrap !important;
}

/* 更多操作菜单：向左展开，避开浏览器右边缘 */
#button_more_menu {
  position: fixed !important;
  top: 36px !important;
  right: 44px !important;
  left: auto !important;
  width: 142px !important;
  min-width: 142px !important;
  max-width: 180px !important;
  padding: 4px 0 !important;
  background: #fff !important;
  border: 1px solid #bfbfbf !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.25) !important;
  z-index: 2147483647 !important;
  overflow: visible !important;
}

#button_more_menu ul,
#button_more_menu li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  background: #fff !important;
}

#button_more_menu a {
  display: block !important;
  width: auto !important;
  padding: 8px 14px !important;
  line-height: 20px !important;
  color: #333 !important;
  background: #fff !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  text-align: left !important;
  text-decoration: none !important;
}

#button_more_menu a:hover {
  background: #f2f7ff !important;
  color: #1677ff !important;
}

/* 关闭按钮固定正常 */
#controlpanel #navcancel a,
#controlpanel #diycancel {
  min-width: 28px !important;
}

/* 防止我们的站点 header 盖住官方 DIY */
.header,
.aws-diy-fixed {
  z-index: 1000 !important;
}

/* 官方弹窗永远最高 */
#append_parent .fwin,
#append_parent .m_c,
#append_parent .p_pop,
#append_parent .p_opt,
.edit-menu,
#samplepanel {
  z-index: 2147483646 !important;
}

/* 如果浏览器不支持 :has，也用 body.diy 兜底 */
body.diy .aws-page {
  padding-top: 138px !important;
}



/* =========================================================
   Discuz DIY 右侧操作区专项修复
   只修：更多操作菜单 / 导出导入更新清空 / 保存旁下拉层 / 右侧按钮区
   ========================================================= */

/* 右侧按钮区域：预览、撤销、重做、保存、更多、关闭 */
#controlpanel #controlheader p.y {
  position: absolute !important;
  right: 12px !important;
  top: 5px !important;
  height: 28px !important;
  line-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  z-index: 2147483002 !important;
}

#controlpanel #controlheader p.y span,
#controlpanel #controlheader p.y a {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
  overflow: visible !important;
  text-indent: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 保存按钮旁边的所有小按钮 */
#controlpanel #preview a,
#controlpanel #button_undo a,
#controlpanel #button_redo a,
#controlpanel #navsave a,
#controlpanel #navcancel a,
#controlpanel #button_more,
#controlpanel #diycancel,
#controlpanel #diy_preview {
  width: auto !important;
  min-width: 28px !important;
  max-width: none !important;
  height: 26px !important;
  line-height: 26px !important;
  padding: 0 9px !important;
  margin: 0 !important;
  border: 1px solid #c8c8c8 !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
  overflow: visible !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* 保存按钮 */
#controlpanel #navsave a {
  background: #f6a623 !important;
  border-color: #df9315 !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/* 更多操作按钮，不允许变成 M/o/r/e 竖排 */
#controlpanel #button_more {
  min-width: 44px !important;
  padding: 0 10px !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
}

/* 更多操作菜单：导出 / 导入 / 更新 / 清空 */
#button_more_menu {
  position: fixed !important;
  top: 36px !important;
  right: 42px !important;
  left: auto !important;
  width: 146px !important;
  min-width: 146px !important;
  max-width: 180px !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid #bfbfbf !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.26) !important;
  overflow: visible !important;
  z-index: 2147483647 !important;
}

#button_more_menu ul,
#button_more_menu li {
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  line-height: normal !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: #fff !important;
  overflow: visible !important;
}

#button_more_menu a {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  line-height: 20px !important;
  padding: 8px 14px !important;
  margin: 0 !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
  text-indent: 0 !important;
}

#button_more_menu a:hover {
  background: #f2f7ff !important;
  color: #1677ff !important;
}

/* 保存旁边的下拉层，Discuz 有时用 p_pop / diy-tg_menu */
#diy-tg_menu,
#diy-tg_menu_menu,
#controlpanel_menu {
  position: fixed !important;
  right: 42px !important;
  left: auto !important;
  top: 36px !important;
  min-width: 140px !important;
  background: #fff !important;
  border: 1px solid #bfbfbf !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.26) !important;
  z-index: 2147483647 !important;
}

#diy-tg_menu a,
#diy-tg_menu_menu a,
#controlpanel_menu a {
  display: block !important;
  padding: 8px 14px !important;
  color: #333 !important;
  background: #fff !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

#diy-tg_menu a:hover,
#diy-tg_menu_menu a:hover,
#controlpanel_menu a:hover {
  background: #f2f7ff !important;
  color: #1677ff !important;
}

/* 防止被右边浏览器滚动条挡住 */
#button_more_menu,
#diy-tg_menu,
#diy-tg_menu_menu,
#controlpanel_menu {
  transform: translateX(-10px) !important;
}

/* 防止外层裁剪 */
#controlpanel,
#controlheader,
#controlheader .y,
#controlheader p.y {
  overflow: visible !important;
}



/* =========================================================
   Discuz DIY 模块包裹层兼容修复
   修复：自定义HTML/动态模块被 Discuz 包一层 block、dxb_bc 后，首页卡片变成竖排
   ========================================================= */

/* 通用：DIY 模块内部不要被默认 block 样式撑乱 */
.aws-page .area .frame,
.aws-page .area .tab,
.aws-page .area .block {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  min-height: 0;
}

.aws-page .area .dxb_bc {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* 六个游戏专区：Discuz 包裹后仍然保持 6 等分横排 */
.game-strip .area {
  grid-column: 1 / -1;
  width: 100%;
}

.game-strip .area .frame,
.game-strip .area .block,
.game-strip .area .dxb_bc {
  width: 100%;
}

.game-strip .area .dxb_bc {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 12px !important;
}

.game-strip .area .dxb_bc .game-box {
  width: auto !important;
  height: 255px !important;
  margin: 0 !important;
  display: block !important;
}

/* 最新MOD资源：DIY 自定义HTML/帖子模块包裹后仍保持卡片网格 */
.mod-grid .area {
  grid-column: 1 / -1;
  width: 100%;
}

.mod-grid .area .frame,
.mod-grid .area .block,
.mod-grid .area .dxb_bc {
  width: 100%;
}

.mod-grid .area .dxb_bc {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 18px !important;
}

.mod-grid .area .dxb_bc .mod-card {
  width: auto !important;
  margin: 0 !important;
}

/* MOD分类入口 */
.category-grid .area {
  grid-column: 1 / -1;
  width: 100%;
}

.category-grid .area .dxb_bc {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
}

.category-grid .area .dxb_bc .category-card {
  width: auto !important;
  margin: 0 !important;
}

/* 编辑推荐资源 */
.recommend-grid .area {
  grid-column: 1 / -1;
  width: 100%;
}

.recommend-grid .area .dxb_bc {
  display: grid !important;
  grid-template-columns: 1.18fr 1fr 1fr !important;
  gap: 16px !important;
}

.recommend-grid .area .dxb_bc .recommend-big,
.recommend-grid .area .dxb_bc .recommend-col {
  width: auto !important;
  margin: 0 !important;
}

/* 新手教程 */
.tutorial-grid .area {
  grid-column: 1 / -1;
  width: 100%;
}

.tutorial-grid .area .dxb_bc {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
}

.tutorial-grid .area .dxb_bc .tutorial-item {
  width: auto !important;
  margin: 0 !important;
}

/* 活跃作者榜 */
.author-rank-grid .area {
  grid-column: 1 / -1;
  width: 100%;
}

.author-rank-grid .area .dxb_bc {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
}

.author-rank-grid .area .dxb_bc .author-card {
  width: auto !important;
  margin: 0 !important;
}

/* 右侧排行/帖子/回复列表 */
.side-list .area,
.text-list .area,
.reply-list .area {
  width: 100%;
}

.side-list .area .dxb_bc,
.text-list .area .dxb_bc,
.reply-list .area .dxb_bc {
  display: block !important;
  width: 100% !important;
}

.side-list .area .dxb_bc .rank-row,
.text-list .area .dxb_bc .text-row,
.reply-list .area .dxb_bc .reply-row {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 兼容 Discuz 动态帖子模块默认列表，避免白底/黑字破坏暗色首页 */
.aws-page .area .dxb_bc ul,
.aws-page .area .dxb_bc li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.aws-page .area .dxb_bc a {
  color: inherit;
}

/* 响应式兜底 */
@media(max-width:1200px){
  .game-strip .area .dxb_bc {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .mod-grid .area .dxb_bc {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .category-grid .area .dxb_bc,
  .author-rank-grid .area .dxb_bc {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .recommend-grid .area .dxb_bc {
    grid-template-columns: 1fr !important;
  }
}

@media(max-width:640px){
  .game-strip .area .dxb_bc,
  .mod-grid .area .dxb_bc,
  .category-grid .area .dxb_bc,
  .tutorial-grid .area .dxb_bc,
  .author-rank-grid .area .dxb_bc {
    grid-template-columns: 1fr !important;
  }
}



/* =========================================================
   隐藏空 DIY 占位提示
   去掉“DIY模块位置”和绿色虚线框
   ========================================================= */

/* 正常浏览时，空 DIY 区域不显示文字和虚线 */
.aws-page .area:empty::before {
  content: none !important;
  display: none !important;
}

/* 空 DIY 区域不要显示边框 */
.aws-page .area {
  outline: none !important;
  border: 0 !important;
}

/* 进入 DIY 编辑模式时，保留官方自己的拖拽提示，不用我们的绿色虚线 */
body.diy .aws-page .area:empty::before,
#controlpanel ~ .aws-page .area:empty::before {
  content: none !important;
  display: none !important;
}

/* 如果之前有 dashed 边框，也强制去掉 */
.aws-page .area,
.aws-page .area:empty,
.aws-page .area:empty::before {
  border-color: transparent !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}



/* =========================================================
   修复：隐藏 DIY 占位后，六个游戏专区被挤成细条
   ========================================================= */

/* 只隐藏“DIY模块位置”提示，不改变 area 的布局能力 */
.aws-page .area:empty::before {
  content: none !important;
  display: none !important;
}

/* 空 DIY 不显示绿色虚线，但 area 仍然保留真实盒子 */
.aws-page .area:empty {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* 六个游戏专区外层必须占满整行 */
.game-strip {
  width: 100% !important;
}

.game-strip > #aws_home_game_strip,
.game-strip > .area,
#aws_home_game_strip {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Discuz DIY 自动包裹层不能限制宽度 */
#aws_home_game_strip .frame,
#aws_home_game_strip .tab,
#aws_home_game_strip .block,
#aws_home_game_strip .dxb_bc {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

/* 六个游戏专区 HTML 自带容器强制横排 */
#aws_home_game_strip .aws-game-strip-final,
#aws_home_game_strip .aws-game-strip-tall,
#aws_home_game_strip .aws-game-strip-exact,
#aws_home_game_strip .aws-game-strip-diy {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 单个卡片正常展开，不允许被压成竖条 */
#aws_home_game_strip .aws-game-card,
#aws_home_game_strip .game-box {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  display: block !important;
}

/* 隐藏 Discuz 模块标题 */
#aws_home_game_strip .title,
#aws_home_game_strip .blocktitle,
#aws_home_game_strip h2,
#aws_home_game_strip h3 {
  display: none !important;
}

/* 其他首页 DIY 空位也不要显示“DIY模块位置” */
.aws-page .mod-grid .area:empty,
.aws-page .category-grid .area:empty,
.aws-page .recommend-grid .area:empty,
.aws-page .tutorial-grid .area:empty,
.aws-page .author-rank-grid .area:empty,
.aws-page .side-list .area:empty,
.aws-page .text-list .area:empty,
.aws-page .reply-list .area:empty {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* 响应式 */
@media (max-width: 1280px) {
  #aws_home_game_strip .aws-game-strip-final,
  #aws_home_game_strip .aws-game-strip-tall,
  #aws_home_game_strip .aws-game-strip-exact,
  #aws_home_game_strip .aws-game-strip-diy {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  #aws_home_game_strip .aws-game-strip-final,
  #aws_home_game_strip .aws-game-strip-tall,
  #aws_home_game_strip .aws-game-strip-exact,
  #aws_home_game_strip .aws-game-strip-diy {
    grid-template-columns: 1fr !important;
  }
}