/* 爱玩社推荐MOD页 - v14 完整清理版
   文件：template/aiwanshe_mod/portal/css/aws_recommend_mod.css
   作用域：只影响 #aws_recommend_mod_page
   说明：已清理旧补丁、旧占位框、重复覆盖样式
*/

#aws_recommend_mod_page{
    width:1380px;
    max-width:calc(100% - 40px);
    margin:28px auto 56px;
    color:#e4f0ed;
    font-family:"Microsoft YaHei",Arial,sans-serif;
    --aws-rm-hero-bg:url(https://a1.boltp.com/2026/05/25/6a13ba83a94a2.jpg);
    --aws-rm-page:#07111a;
    --aws-rm-card:#0d1a24;
    --aws-rm-card2:#10212c;
    --aws-rm-line:rgba(90,255,178,.16);
    --aws-rm-line2:rgba(90,255,178,.26);
    --aws-rm-green:#2ee889;
    --aws-rm-green2:#12b96b;
    --aws-rm-gold:#ffd15b;
    --aws-rm-muted:#96aaa5;
}

#aws_recommend_mod_page *,
#aws_recommend_mod_page *:before,
#aws_recommend_mod_page *:after{
    box-sizing:border-box;
}

#aws_recommend_mod_page a{
    color:inherit;
    text-decoration:none;
}

#aws_recommend_mod_page img{
    max-width:100%;
    display:block;
}

/* 顶部大横幅 */
#aws_recommend_mod_page .aws-rm-hero{
    position:relative;
    min-height:320px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:24px;
    align-items:center;
    overflow:hidden;
    padding:36px 46px;
    border-radius:24px;
    border:1px solid var(--aws-rm-line);
    background:
        linear-gradient(90deg,rgba(5,13,20,.88) 0%,rgba(6,16,24,.72) 48%,rgba(6,16,24,.38) 100%),
        radial-gradient(circle at 16% 18%,rgba(42,255,143,.20),transparent 34%),
        radial-gradient(circle at 86% 18%,rgba(60,128,255,.18),transparent 34%),
        var(--aws-rm-hero-bg) center/cover no-repeat,
        linear-gradient(135deg,#07131d 0%,#0d1d28 56%,#09131e 100%);
    box-shadow:0 18px 54px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}

#aws_recommend_mod_page .aws-rm-hero:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.16));
}

#aws_recommend_mod_page .aws-rm-hero:after{
    content:"";
    position:absolute;
    right:-160px;
    bottom:-190px;
    width:560px;
    height:560px;
    border-radius:50%;
    pointer-events:none;
    background:radial-gradient(circle,rgba(46,232,137,.15),transparent 66%);
}

#aws_recommend_mod_page .aws-rm-hero-main,
#aws_recommend_mod_page .aws-rm-hero-card{
    position:relative;
    z-index:2;
}

#aws_recommend_mod_page .aws-rm-eyebrow{
    display:inline-flex;
    align-items:center;
    width:max-content;
    height:28px;
    padding:0 13px;
    border-radius:999px;
    border:1px solid rgba(46,232,137,.35);
    background:rgba(46,232,137,.13);
    color:#7cffb4;
    font-size:12px;
    font-weight:800;
    letter-spacing:.3px;
}

#aws_recommend_mod_page .aws-rm-hero h1{
    margin:20px 0 12px;
    color:#fff;
    font-size:44px;
    line-height:1.1;
    letter-spacing:-1px;
    font-weight:900;
    text-shadow:0 8px 26px rgba(0,0,0,.34);
}

#aws_recommend_mod_page .aws-rm-hero-main p{
    max-width:760px;
    margin:0 0 24px;
    color:#bfd0cc;
    font-size:16px;
    line-height:1.8;
}

#aws_recommend_mod_page .aws-rm-search{
    width:min(700px,100%);
    height:58px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:7px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(7,17,25,.72);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.22);
}

#aws_recommend_mod_page .aws-rm-search input{
    min-width:0;
    flex:1;
    height:44px;
    padding:0 15px;
    border:0;
    outline:0;
    border-radius:12px;
    background:rgba(255,255,255,.03);
    color:#fff;
    font-size:14px;
}

#aws_recommend_mod_page .aws-rm-search input::placeholder{
    color:#80928d;
}

#aws_recommend_mod_page .aws-rm-search button{
    flex:0 0 auto;
    height:44px;
    padding:0 24px;
    border:0;
    border-radius:12px;
    background:linear-gradient(135deg,var(--aws-rm-green),var(--aws-rm-green2));
    color:#062015;
    font-size:14px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 12px 22px rgba(46,232,137,.22);
}

#aws_recommend_mod_page .aws-rm-quick{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

#aws_recommend_mod_page .aws-rm-quick a{
    display:inline-flex;
    align-items:center;
    height:34px;
    padding:0 15px;
    border-radius:999px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.09);
    color:#dce9e5;
    font-size:13px;
    transition:.18s ease;
}

#aws_recommend_mod_page .aws-rm-quick a:hover{
    color:#03160e;
    background:var(--aws-rm-green);
    border-color:var(--aws-rm-green);
}

#aws_recommend_mod_page .aws-rm-hero-card{
    min-height:210px;
    padding:28px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.14);
    background:linear-gradient(180deg,rgba(16,32,42,.90),rgba(7,17,25,.88));
    box-shadow:0 18px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}

#aws_recommend_mod_page .aws-rm-card-label{
    display:inline-flex;
    height:26px;
    align-items:center;
    padding:0 11px;
    border-radius:999px;
    color:#ffe69c;
    background:rgba(255,209,91,.14);
    border:1px solid rgba(255,209,91,.32);
    font-size:12px;
    font-weight:800;
}

#aws_recommend_mod_page .aws-rm-hero-card h2{
    margin:17px 0 9px;
    color:#fff;
    font-size:24px;
    line-height:1.25;
    font-weight:900;
}

#aws_recommend_mod_page .aws-rm-hero-card p{
    margin:0;
    color:#b7c9c4;
    font-size:14px;
    line-height:1.8;
}

#aws_recommend_mod_page .aws-rm-hero-meta{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:18px 0 20px;
    color:#7cffb4;
    font-size:13px;
    font-weight:800;
}

#aws_recommend_mod_page .aws-rm-hero-card a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:38px;
    padding:0 18px;
    border-radius:11px;
    color:#072016;
    background:#effff6;
    font-size:13px;
    font-weight:900;
}

/* 四个跳转卡片 */
#aws_recommend_mod_page .aws-rm-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin:22px 0;
}

#aws_recommend_mod_page .aws-rm-strip-item{
    display:block;
    min-height:84px;
    padding:19px 22px;
    border-radius:18px;
    background:linear-gradient(180deg,rgba(16,32,42,.98),rgba(9,21,31,.98));
    border:1px solid rgba(255,255,255,.09);
    cursor:pointer;
    transition:.18s ease;
}

#aws_recommend_mod_page .aws-rm-strip-item:hover{
    transform:translateY(-3px);
    border-color:rgba(46,232,137,.38);
    box-shadow:0 14px 32px rgba(0,0,0,.22);
}

#aws_recommend_mod_page .aws-rm-strip-item strong{
    display:block;
    color:#fff;
    font-size:18px;
    line-height:1.3;
    font-weight:900;
}

#aws_recommend_mod_page .aws-rm-strip-item span{
    display:block;
    margin-top:8px;
    color:#93a7a2;
    font-size:13px;
}

/* 主体布局 */
#aws_recommend_mod_page .aws-rm-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:22px;
    align-items:start;
}

#aws_recommend_mod_page .aws-rm-main{
    min-width:0;
}

#aws_recommend_mod_page .aws-rm-section{
    overflow:visible;
    margin-bottom:24px;
    padding:28px;
    border-radius:22px;
    background:linear-gradient(180deg,rgba(14,28,38,.96),rgba(8,19,29,.96));
    border:1px solid var(--aws-rm-line);
    box-shadow:0 10px 34px rgba(0,0,0,.18);
}

#aws_recommend_mod_page .aws-rm-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}

#aws_recommend_mod_page .aws-rm-section-head h2{
    margin:0;
    color:#fff;
    font-size:25px;
    line-height:1.25;
    font-weight:900;
}

#aws_recommend_mod_page .aws-rm-section-head p{
    margin:8px 0 0;
    color:#9eb1ad;
    font-size:14px;
}

#aws_recommend_mod_page .aws-rm-section-head > a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:36px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(46,232,137,.28);
    background:rgba(46,232,137,.10);
    color:#7cffb4;
    font-size:13px;
    font-weight:800;
}

/* DIY区域：普通页面保持干净 */
#aws_recommend_mod_page .aws-rm-diybox,
#aws_recommend_mod_page .area{
    display:block;
    width:100%;
    min-height:0;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
}

#aws_recommend_mod_page .area:empty{
    display:none;
}

/* 清理 Discuz 默认模块外框，仅限推荐页 */
#aws_recommend_mod_page .area .frame,
#aws_recommend_mod_page .area .frame-tab,
#aws_recommend_mod_page .area .block,
#aws_recommend_mod_page .area .dxb_bc,
#aws_recommend_mod_page .area .module,
#aws_recommend_mod_page .area .cl{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

#aws_recommend_mod_page .area .blocktitle,
#aws_recommend_mod_page .area .title,
#aws_recommend_mod_page .area .tab-title,
#aws_recommend_mod_page .area .frame-title{
    display:none !important;
}

#aws_recommend_mod_page .area ul,
#aws_recommend_mod_page .area ol{
    margin:0;
    padding:0;
    list-style:none;
}

#aws_recommend_mod_page .area li{
    list-style:none;
}

/* DIY模板：今日推荐 - 1个主推 + 8个小推荐 */
#aws_recommend_mod_page .aws-rm-diy-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:repeat(4,150px) !important;
    gap:14px !important;
    width:100% !important;
    align-items:stretch !important;
}
#aws_recommend_mod_page .aws-rm-diy-card{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,rgba(22,38,50,.98),rgba(12,25,36,.98)) !important;
    border:1px solid rgba(100,255,181,.14) !important;
    transition:.18s ease !important;
}
#aws_recommend_mod_page .aws-rm-diy-card:hover{
    transform:translateY(-3px);
    border-color:rgba(60,255,150,.42) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.28);
}
#aws_recommend_mod_page .aws-rm-diy-card:first-child{
    grid-row:1 / span 4 !important;
}
#aws_recommend_mod_page .aws-rm-diy-card .pic{
    display:block !important;
    width:100% !important;
    flex:0 0 58% !important;
    overflow:hidden !important;
    background:#0b1721 !important;
}
#aws_recommend_mod_page .aws-rm-diy-card .pic img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}
#aws_recommend_mod_page .aws-rm-diy-card .info{
    display:flex !important;
    flex:1 !important;
    min-height:0 !important;
    flex-direction:column !important;
    justify-content:center !important;
    padding:11px 12px 12px !important;
}
#aws_recommend_mod_page .aws-rm-diy-card strong{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    color:#f3fff9 !important;
    font-size:15px !important;
    line-height:20px !important;
    font-weight:900 !important;
}
#aws_recommend_mod_page .aws-rm-diy-card em{
    display:block !important;
    margin-top:8px !important;
    color:#92a7a2 !important;
    font-style:normal !important;
    font-size:12px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
#aws_recommend_mod_page .aws-rm-diy-card:first-child .pic{
    flex-basis:68% !important;
}
#aws_recommend_mod_page .aws-rm-diy-card:first-child .info{
    padding:18px 22px 22px !important;
    align-items:flex-start !important;
}
#aws_recommend_mod_page .aws-rm-diy-card:first-child .info:before{
    content:"今日主推";
    display:inline-flex;
    align-items:center;
    height:24px;
    padding:0 10px;
    margin-bottom:11px;
    border-radius:999px;
    background:rgba(46,232,137,.18);
    color:#7cffb4;
    font-size:12px;
    font-weight:900;
}
#aws_recommend_mod_page .aws-rm-diy-card:first-child strong{
    font-size:24px !important;
    line-height:32px !important;
}
#aws_recommend_mod_page .aws-rm-diy-card:first-child em{
    margin-top:10px !important;
    font-size:14px !important;
}
#aws_recommend_mod_page .aws-rm-diy-card:not(:first-child) .pic{
    flex-basis:62% !important;
}
#aws_recommend_mod_page .aws-rm-diy-card:not(:first-child) .info{
    padding:10px 12px !important;
}
#aws_recommend_mod_page .aws-rm-diy-card:not(:first-child) strong{
    font-size:14px !important;
    line-height:19px !important;
}
#aws_recommend_mod_page .aws-rm-diy-card:not(:first-child) em{
    margin-top:5px !important;
    font-size:12px !important;
}


/* DIY模板：编辑精选 4列小列表 */
#aws_recommend_mod_page .aws-rm-diy-list{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
}

#aws_recommend_mod_page .aws-rm-diy-list a{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-width:0 !important;
    padding:10px !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,rgba(22,38,50,.94),rgba(12,25,36,.94)) !important;
    border:1px solid rgba(100,255,181,.12) !important;
}

#aws_recommend_mod_page .aws-rm-diy-list a:hover{
    border-color:rgba(60,255,150,.38) !important;
    background:linear-gradient(180deg,rgba(26,47,60,.98),rgba(14,29,42,.98)) !important;
}

#aws_recommend_mod_page .aws-rm-diy-list .pic{
    flex:0 0 88px !important;
    width:88px !important;
    aspect-ratio:16/9 !important;
    border-radius:10px !important;
    overflow:hidden !important;
    background:#0b1721 !important;
}

#aws_recommend_mod_page .aws-rm-diy-list .pic img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

#aws_recommend_mod_page .aws-rm-diy-list span:not(.pic){
    min-width:0 !important;
}

#aws_recommend_mod_page .aws-rm-diy-list strong{
    display:block !important;
    color:#f3fff9 !important;
    font-size:14px !important;
    line-height:19px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

#aws_recommend_mod_page .aws-rm-diy-list em{
    display:block !important;
    margin-top:5px !important;
    color:#91a6a0 !important;
    font-style:normal !important;
    font-size:12px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* DIY模板：新手必装 */
#aws_recommend_mod_page .aws-rm-diy-must{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
}

#aws_recommend_mod_page .aws-rm-diy-must a{
    display:block !important;
    min-height:96px !important;
    padding:18px !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,rgba(22,39,50,.98),rgba(12,25,36,.98)) !important;
    border:1px solid rgba(100,255,181,.14) !important;
}

#aws_recommend_mod_page .aws-rm-diy-must a:hover{
    border-color:rgba(60,255,150,.42) !important;
}

#aws_recommend_mod_page .aws-rm-diy-must b{
    display:block !important;
    color:#f4fff9 !important;
    font-size:16px !important;
    line-height:22px !important;
}

#aws_recommend_mod_page .aws-rm-diy-must span{
    display:block !important;
    margin-top:8px !important;
    color:#98aaa5 !important;
    font-size:13px !important;
}

/* DIY模板：热门下载 */
#aws_recommend_mod_page .aws-rm-diy-rank{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px 14px !important;
    counter-reset:awsrmrank;
}

#aws_recommend_mod_page .aws-rm-diy-rank a{
    counter-increment:awsrmrank;
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
    gap:10px !important;
    height:42px !important;
    padding:0 12px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(100,255,181,.10) !important;
}

#aws_recommend_mod_page .aws-rm-diy-rank a:before{
    content:counter(awsrmrank);
    flex:0 0 24px;
    height:24px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#06120d;
    font-weight:900;
    font-size:13px;
    background:var(--aws-rm-green);
}

#aws_recommend_mod_page .aws-rm-diy-rank a:nth-child(1):before{background:#ff5b4f;color:#fff;}
#aws_recommend_mod_page .aws-rm-diy-rank a:nth-child(2):before{background:#ffb52e;color:#fff;}
#aws_recommend_mod_page .aws-rm-diy-rank a:nth-child(3):before{background:#ffd75a;color:#2b2200;}

#aws_recommend_mod_page .aws-rm-diy-rank strong{
    min-width:0 !important;
    flex:1 !important;
    color:#edfdf7 !important;
    font-size:14px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

#aws_recommend_mod_page .aws-rm-diy-rank em{
    flex:0 0 auto !important;
    color:#8ea39d !important;
    font-style:normal !important;
    font-size:12px !important;
}

/* DIY模板：最新回复 */
#aws_recommend_mod_page .aws-rm-diy-reply,
#aws_recommend_mod_page .aws-rm-diy-reply-list{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}

#aws_recommend_mod_page .aws-rm-diy-reply a,
#aws_recommend_mod_page .aws-rm-diy-reply-list a{
    display:block !important;
    padding:10px 0 !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
    background:transparent !important;
}

#aws_recommend_mod_page .aws-rm-diy-reply a:last-child,
#aws_recommend_mod_page .aws-rm-diy-reply-list a:last-child{
    border-bottom:0 !important;
}

#aws_recommend_mod_page .aws-rm-diy-reply strong,
#aws_recommend_mod_page .aws-rm-diy-reply-list strong{
    display:block !important;
    color:#eefdf7 !important;
    font-size:14px !important;
    line-height:20px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

#aws_recommend_mod_page .aws-rm-diy-reply em,
#aws_recommend_mod_page .aws-rm-diy-reply-list em{
    display:block !important;
    margin-top:4px !important;
    color:#8da19c !important;
    font-style:normal !important;
    font-size:12px !important;
}

/* 右侧栏 */
#aws_recommend_mod_page .aws-rm-side{
    min-width:0;
}

#aws_recommend_mod_page .aws-rm-side-card{
    margin-bottom:18px;
    padding:24px;
    border-radius:20px;
    background:linear-gradient(180deg,rgba(14,28,38,.96),rgba(8,19,29,.96));
    border:1px solid var(--aws-rm-line);
    box-shadow:0 10px 30px rgba(0,0,0,.16);
}

#aws_recommend_mod_page .aws-rm-side-card small{
    display:inline-flex;
    color:#ffe28a;
    font-size:12px;
    font-weight:900;
}

#aws_recommend_mod_page .aws-rm-side-card h3{
    margin:0 0 10px;
    color:#fff;
    font-size:20px;
    line-height:1.3;
    font-weight:900;
}

#aws_recommend_mod_page .aws-rm-side-card small + h3{
    margin-top:8px;
}

#aws_recommend_mod_page .aws-rm-side-card p{
    margin:0;
    color:#9eb1ad;
    font-size:14px;
    line-height:1.8;
}

#aws_recommend_mod_page .aws-rm-side-card > a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:34px;
    margin-top:16px;
    padding:0 16px;
    border-radius:10px;
    color:#082017;
    background:var(--aws-rm-green);
    font-size:13px;
    font-weight:900;
}

#aws_recommend_mod_page .aws-rm-vip{
    border-color:rgba(255,209,91,.32);
    background:linear-gradient(180deg,rgba(38,33,16,.96),rgba(12,21,28,.96));
}

#aws_recommend_mod_page .aws-rm-vip > a{
    background:linear-gradient(135deg,#ffe08a,#ffc33a);
    color:#271800;
}

/* DIY编辑模式：不再显示多层绿色虚线框，只保留基础可拖放高度 */
html.aws-rm-diy-edit #aws_recommend_mod_page .aws-rm-diybox,
html.aws-rm-diy-edit #aws_recommend_mod_page .area{
    display:block !important;
    min-height:32px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* 编辑模式下保留 Discuz 自带框架，不额外放大 */
html.aws-rm-diy-edit #aws_recommend_mod_page .area .frame,
html.aws-rm-diy-edit #aws_recommend_mod_page .area .frame-tab,
html.aws-rm-diy-edit #aws_recommend_mod_page .area .block,
html.aws-rm-diy-edit #aws_recommend_mod_page .area .dxb_bc,
html.aws-rm-diy-edit #aws_recommend_mod_page .area .module{
    display:block !important;
    width:100% !important;
    min-height:32px !important;
}

/* 响应式 */
@media(max-width:1180px){
    #aws_recommend_mod_page{
        max-width:calc(100% - 24px);
        margin-top:18px;
    }

    #aws_recommend_mod_page .aws-rm-hero,
    #aws_recommend_mod_page .aws-rm-layout{
        grid-template-columns:1fr;
    }

    #aws_recommend_mod_page .aws-rm-strip,
    #aws_recommend_mod_page .aws-rm-diy-grid,
    #aws_recommend_mod_page .aws-rm-diy-list,
    #aws_recommend_mod_page .aws-rm-diy-must{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    #aws_recommend_mod_page .aws-rm-diy-rank{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:640px){
    #aws_recommend_mod_page .aws-rm-hero{
        padding:24px;
    }

    #aws_recommend_mod_page .aws-rm-hero h1{
        font-size:34px;
    }

    #aws_recommend_mod_page .aws-rm-search{
        height:auto;
        flex-direction:column;
        align-items:stretch;
    }

    #aws_recommend_mod_page .aws-rm-search button{
        width:100%;
    }

    #aws_recommend_mod_page .aws-rm-strip,
    #aws_recommend_mod_page .aws-rm-diy-grid,
    #aws_recommend_mod_page .aws-rm-diy-list,
    #aws_recommend_mod_page .aws-rm-diy-must{
        grid-template-columns:1fr !important;
    }
}

/* v15 今日推荐响应式修正 */
@media(max-width:1180px){
    #aws_recommend_mod_page .aws-rm-diy-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-rows:auto !important;
    }
    #aws_recommend_mod_page .aws-rm-diy-card:first-child{
        grid-column:1 / -1 !important;
        grid-row:auto !important;
    }
    #aws_recommend_mod_page .aws-rm-diy-card:first-child .pic{
        aspect-ratio:16/9 !important;
        flex-basis:auto !important;
    }
}
@media(max-width:640px){
    #aws_recommend_mod_page .aws-rm-diy-grid{
        grid-template-columns:1fr !important;
        grid-template-rows:auto !important;
    }
}


/* v16：今日推荐动态轮播
   第1条为左侧主推，后8条为右侧小推荐。
   如果帖子模块返回超过9条，第10条以后自动隐藏。
*/
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:nth-child(n+10){
    display:none !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-grid{
    position:relative;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-grid.aws-rm-switching .aws-rm-diy-card{
    transition:opacity .22s ease, transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child{
    border-color:rgba(46,232,137,.34) !important;
    box-shadow:0 16px 46px rgba(0,0,0,.28), inset 0 0 0 1px rgba(46,232,137,.08);
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:not(:first-child){
    cursor:pointer;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:not(:first-child):hover{
    transform:translateY(-3px) !important;
    border-color:rgba(46,232,137,.48) !important;
}

/* 小图切换到主推时更自然 */
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card.is-active{
    animation:awsRmMainFade .28s ease both;
}

@keyframes awsRmMainFade{
    from{opacity:.72;transform:translateY(6px);}
    to{opacity:1;transform:translateY(0);}
}

/* 今日推荐模块标题不要误导 */
#aws_recommend_mod_page #aws-rm-pick-content .aws-rm-section-head p{
    color:#9eb1ad;
}

/* 如果DIY帖子图片变量为空，保留16:9暗底，不拉伸变形 */
#aws_recommend_mod_page .aws-rm-diy-card .pic img[src=""],
#aws_recommend_mod_page .aws-rm-diy-list .pic img[src=""]{
    display:none !important;
}


/* v17：今日推荐区域空间利用修复
   左侧主推图固定 16:9，右侧 8 个小推荐改为横向小卡片，减少空白。
*/
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:repeat(4,104px) !important;
    gap:14px !important;
    align-items:stretch !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child{
    grid-column:1 !important;
    grid-row:1 / span 4 !important;
    height:100% !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child .pic{
    flex:0 0 auto !important;
    aspect-ratio:16/9 !important;
    height:auto !important;
    width:100% !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child .info{
    flex:1 1 auto !important;
    justify-content:center !important;
    padding:18px 22px 20px !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child strong{
    font-size:24px !important;
    line-height:31px !important;
    min-height:0 !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child em{
    font-size:14px !important;
}

/* 右侧 8 个小推荐：横向卡片，图片仍然 16:9 */
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:not(:first-child){
    flex-direction:row !important;
    align-items:center !important;
    height:104px !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:not(:first-child) .pic{
    flex:0 0 138px !important;
    width:138px !important;
    height:78px !important;
    aspect-ratio:16/9 !important;
    margin-left:10px !important;
    border-radius:12px !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:not(:first-child) .info{
    flex:1 1 auto !important;
    min-width:0 !important;
    height:100% !important;
    justify-content:center !important;
    padding:10px 12px !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:not(:first-child) strong{
    min-height:0 !important;
    font-size:14px !important;
    line-height:19px !important;
    -webkit-line-clamp:2 !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:not(:first-child) em{
    margin-top:6px !important;
    font-size:12px !important;
}

/* 今日推荐只保留 9 条，第 10 条以后隐藏，避免多出下面一排 */
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:nth-child(n+10){
    display:none !important;
}

/* 如果下面模块还没有放 DIY 数据，正式页面自动隐藏整个空模块，避免留大空白 */
html:not(.aws-rm-diy-edit) #aws_recommend_mod_page .aws-rm-section:has(.area:empty){
    display:none !important;
}

/* 今日推荐如果已有数据，不隐藏 */
html:not(.aws-rm-diy-edit) #aws_recommend_mod_page #aws-rm-pick-content:has(#aws_rm_today_mods .aws-rm-diy-card){
    display:block !important;
}

/* v17 响应式 */
@media(max-width:1180px){
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-rows:auto !important;
    }
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child{
        grid-column:1 / -1 !important;
        grid-row:auto !important;
    }
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:not(:first-child){
        min-height:104px !important;
    }
}
@media(max-width:680px){
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-grid{
        grid-template-columns:1fr !important;
    }
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:not(:first-child){
        flex-direction:column !important;
        height:auto !important;
    }
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:not(:first-child) .pic{
        width:100% !important;
        height:auto !important;
        margin:0 !important;
        border-radius:0 !important;
    }
}


/* v20：顶部四个按钮页面内跳转修复 */
#aws_recommend_mod_page #aws-rm-pick-content,
#aws_recommend_mod_page #aws-rm-editor,
#aws_recommend_mod_page #aws-rm-must,
#aws_recommend_mod_page #aws-rm-rank{
    scroll-margin-top:92px;
}

#aws_recommend_mod_page .aws-rm-strip-item,
#aws_recommend_mod_page .aws-rm-jump{
    cursor:pointer;
}

#aws_recommend_mod_page .aws-rm-strip-item.is-current{
    border-color:rgba(46,232,137,.55) !important;
    background:linear-gradient(180deg,rgba(22,58,43,.96),rgba(8,25,22,.96)) !important;
    box-shadow:0 12px 34px rgba(46,232,137,.14);
}

#aws_recommend_mod_page .aws-rm-strip-item.is-current strong{
    color:#7cffb4;
}


/* v24：今日推荐最终稳定版
   第1个卡片永远是左侧主推；右侧8个小卡片。
   JS只交换内容，不移动DOM，所以不会再左右乱跑。
*/

#aws_recommend_mod_page #aws-rm-pick-content{
    padding:26px !important;
    overflow:hidden !important;
}

#aws_recommend_mod_page #aws-rm-pick-content .aws-rm-section-head{
    margin-bottom:16px !important;
}

#aws_recommend_mod_page #aws-rm-pick-content .aws-rm-section-head h2{
    font-size:26px !important;
}

/* 清掉旧版 is-active / first-child / grid-area / order 的影响 */
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card,
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child,
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:not(:first-child),
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card.is-active{
    grid-area:auto !important;
    grid-column:auto !important;
    grid-row:auto !important;
    order:0 !important;
    min-width:0 !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-grid{
    display:grid !important;
    grid-template-columns:420px minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:repeat(4,104px) !important;
    gap:14px !important;
    width:100% !important;
    align-items:stretch !important;
    grid-auto-flow:row !important;
}

/* 第10条以后隐藏，避免下面多一排 */
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:nth-child(n+10){
    display:none !important;
}

/* 默认右侧小卡片 */
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card{
    position:relative !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    height:104px !important;
    overflow:hidden !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,rgba(18,36,48,.98),rgba(8,22,34,.98)) !important;
    border:1px solid rgba(96,255,178,.16) !important;
    box-shadow:none !important;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(46,232,137,.45) !important;
    box-shadow:0 12px 26px rgba(0,0,0,.24) !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card .pic{
    flex:0 0 142px !important;
    width:142px !important;
    height:80px !important;
    aspect-ratio:16/9 !important;
    margin:0 0 0 12px !important;
    border-radius:12px !important;
    overflow:hidden !important;
    background:#07131d !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card .pic img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card .info{
    flex:1 1 auto !important;
    min-width:0 !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    padding:9px 12px !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card strong{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    min-height:0 !important;
    color:#f4fff9 !important;
    font-size:15px !important;
    line-height:20px !important;
    font-weight:900 !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card em{
    display:block !important;
    max-width:100% !important;
    margin-top:7px !important;
    color:#93aaa5 !important;
    font-size:12px !important;
    font-style:normal !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* 左侧主推卡片：固定第1个 */
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child{
    grid-column:1 !important;
    grid-row:1 / span 4 !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    border-color:rgba(46,232,137,.55) !important;
    background:linear-gradient(180deg,rgba(18,43,55,.98),rgba(8,22,34,.98)) !important;
    box-shadow:0 18px 46px rgba(0,0,0,.30), inset 0 0 0 1px rgba(46,232,137,.08) !important;
    animation:awsRmTodayMainIn .32s ease both;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child .pic{
    flex:0 0 auto !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:16/9 !important;
    margin:0 !important;
    border-radius:0 !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child .info{
    flex:1 1 auto !important;
    justify-content:center !important;
    align-items:flex-start !important;
    padding:18px 22px 20px !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child .info:before{
    content:"今日主推";
    display:inline-flex;
    align-items:center;
    height:24px;
    padding:0 10px;
    margin-bottom:11px;
    border-radius:999px;
    background:rgba(46,232,137,.18);
    color:#7cffb4;
    font-size:12px;
    font-weight:900;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child strong{
    font-size:25px !important;
    line-height:32px !important;
    -webkit-line-clamp:2 !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child em{
    margin-top:10px !important;
    font-size:14px !important;
}

/* 右侧小卡片可点击切换 */
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:not(:first-child){
    cursor:pointer !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-grid.aws-rm-switching .aws-rm-diy-card:first-child{
    animation:awsRmTodayMainIn .32s ease both;
}

@keyframes awsRmTodayMainIn{
    from{opacity:.68;transform:translateY(7px);}
    to{opacity:1;transform:translateY(0);}
}

/* 换一批按钮 */
#aws_recommend_mod_page #aws-rm-pick-content .aws-rm-cycle-next{
    cursor:pointer !important;
}

/* 响应式 */
@media(max-width:1180px){
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-rows:auto !important;
    }
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child{
        grid-column:1 / -1 !important;
        grid-row:auto !important;
    }
}

@media(max-width:680px){
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-grid{
        grid-template-columns:1fr !important;
    }
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card{
        height:auto !important;
        flex-direction:column !important;
        align-items:stretch !important;
    }
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card .pic{
        width:100% !important;
        height:auto !important;
        aspect-ratio:16/9 !important;
        margin:0 !important;
        border-radius:0 !important;
    }
}


/* v25：今日推荐视觉压缩版
   解决：左侧主推太大、文字太大、右侧小卡被挤到边上。
*/
#aws_recommend_mod_page #aws-rm-pick-content{
    padding:24px !important;
}

#aws_recommend_mod_page #aws-rm-pick-content .aws-rm-section-head{
    margin-bottom:14px !important;
}

#aws_recommend_mod_page #aws-rm-pick-content .aws-rm-section-head h2{
    font-size:24px !important;
}

/* 今日推荐整体：左侧主推缩小，右侧 8 个小卡更完整 */
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-grid{
    display:grid !important;
    grid-template-columns:360px minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:repeat(4,88px) !important;
    gap:12px !important;
    width:100% !important;
    align-items:stretch !important;
}

/* 默认右侧小卡 */
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card{
    height:88px !important;
    border-radius:14px !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card .pic{
    flex:0 0 118px !important;
    width:118px !important;
    height:66px !important;
    margin-left:10px !important;
    border-radius:10px !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card .info{
    padding:8px 10px !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card strong{
    font-size:14px !important;
    line-height:18px !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card em{
    margin-top:5px !important;
    font-size:12px !important;
}

/* 左侧主推：图片保持16:9，但不要撑太大 */
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child{
    grid-column:1 !important;
    grid-row:1 / span 4 !important;
    height:100% !important;
    border-radius:16px !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child .pic{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16/9 !important;
    margin:0 !important;
    border-radius:0 !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child .info{
    padding:16px 18px 18px !important;
    justify-content:center !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child .info:before{
    height:22px !important;
    padding:0 9px !important;
    margin-bottom:10px !important;
    font-size:12px !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child strong{
    font-size:21px !important;
    line-height:28px !important;
    -webkit-line-clamp:2 !important;
}

#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:first-child em{
    font-size:13px !important;
    margin-top:8px !important;
}

/* 防止右边小卡标题把卡片撑爆 */
#aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card:not(:first-child) strong{
    max-width:100% !important;
    word-break:break-word !important;
}

/* 中屏再缩一点 */
@media(max-width:1380px){
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-grid{
        grid-template-columns:340px minmax(0,1fr) minmax(0,1fr) !important;
        grid-template-rows:repeat(4,86px) !important;
    }
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card{
        height:86px !important;
    }
    #aws_recommend_mod_page #aws_rm_today_mods .aws-rm-diy-card .pic{
        flex-basis:110px !important;
        width:110px !important;
        height:62px !important;
    }
}


/* v26：顶部文案 + 背景图优化版
   背景图位置：template/aiwanshe_mod/portal/tp/recommend_mod_bg.jpg
   建议尺寸：1600x520 或 1920x620，暗色卡车/道路/游戏截图最合适。
*/

/* 页面背后加一层暗色氛围，不影响全站其他页面 */
#aws_recommend_mod_page{
    position:relative;
}

#aws_recommend_mod_page:before{
    content:"";
    position:absolute;
    left:50%;
    top:-28px;
    width:100vw;
    height:620px;
    transform:translateX(-50%);
    pointer-events:none;
    z-index:-1;
    background:
        radial-gradient(circle at 18% 12%,rgba(46,232,137,.10),transparent 28%),
        radial-gradient(circle at 82% 8%,rgba(55,125,255,.12),transparent 34%),
        linear-gradient(180deg,rgba(7,18,28,.70),rgba(7,18,28,0));
}

/* 顶部大方框背景图重新做，不再那么空和闷 */
#aws_recommend_mod_page .aws-rm-hero{
    background:
        linear-gradient(90deg,rgba(4,11,18,.92) 0%,rgba(6,16,24,.82) 42%,rgba(6,16,24,.46) 100%),
        radial-gradient(circle at 14% 18%,rgba(46,232,137,.22),transparent 36%),
        radial-gradient(circle at 86% 20%,rgba(75,145,255,.18),transparent 38%),
        var(--aws-rm-hero-bg) center/cover no-repeat,
        linear-gradient(135deg,#07131d 0%,#0d1f2b 56%,#07131d 100%) !important;
    border-color:rgba(72,255,170,.20) !important;
}

/* 没上传背景图时，也有高级暗色渐变 */
#aws_recommend_mod_page .aws-rm-hero:before{
    background:
        linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.18)),
        linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,0)) !important;
}

/* 顶部标题更像资源站，不那么奇怪 */
#aws_recommend_mod_page .aws-rm-hero h1{
    font-size:42px !important;
    letter-spacing:-.5px !important;
}

#aws_recommend_mod_page .aws-rm-eyebrow{
    color:#8dffc3 !important;
    background:rgba(46,232,137,.15) !important;
    border-color:rgba(46,232,137,.36) !important;
}

/* 右侧主推卡片文案更稳 */
#aws_recommend_mod_page .aws-rm-hero-card h2{
    font-size:23px !important;
}

#aws_recommend_mod_page .aws-rm-hero-card{
    background:
        linear-gradient(180deg,rgba(16,33,45,.88),rgba(7,17,25,.92)) !important;
    border-color:rgba(255,255,255,.14) !important;
}


/* v27：推荐MOD页顶部背景图换成指定外链 */
#aws_recommend_mod_page{
    --aws-rm-hero-bg:url(https://a1.boltp.com/2026/05/25/6a13ba83a94a2.jpg) !important;
}

#aws_recommend_mod_page .aws-rm-hero{
    background:
        linear-gradient(90deg,rgba(4,11,18,.92) 0%,rgba(6,16,24,.78) 42%,rgba(6,16,24,.42) 100%),
        radial-gradient(circle at 14% 18%,rgba(46,232,137,.18),transparent 36%),
        radial-gradient(circle at 86% 20%,rgba(75,145,255,.16),transparent 38%),
        var(--aws-rm-hero-bg) center center/cover no-repeat,
        linear-gradient(135deg,#07131d 0%,#0d1f2b 56%,#07131d 100%) !important;
}