body{background:#fff}
.info-wrapper,.intro-card{padding:15px}
.intro-card{background:#f9feff;border:1px solid var(--primary);border-radius:10px;position:relative}
.intro-banner{border-radius:8px;height:0;margin-bottom:15px;overflow:hidden;padding-bottom:50%;position:relative;width:100%}
.intro-banner img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}
.banner-tag{background:var(--primary);border-radius:0 0 6px 6px;color:#fff;font-size:14px;font-weight:700;left:10px;padding:3px 8px;position:absolute;top:0;z-index:10}
.dot-indicator{border-top:1px solid var(--primary);line-height:0;margin-bottom:0;text-align:center}
.dot-indicator span{background-color:var(--primary-light);border:2px solid var(--primary);border-radius:50%;display:inline-block;height:9px;transform:translateY(-5px);width:9px}
.title-area{margin-bottom:6px;padding-right:80px;position:relative}
.intro-title{color:#333;font-size:18px;font-weight:900;line-height:1.4}
.dot-matrix{background-image:radial-gradient(#e0e0e0 2px,transparent 0);background-size:12px 12px;height:35px;position:absolute;right:0;top:0;width:70px}
.intro-meta{color:#b0b0b0;font-size:12px;margin-bottom:12px}
.meta-hl{color:var(--primary);font-size:12px}
.intro-desc{color:#666;font-size:13px;line-height:1.6;text-align:justify}
.h-scroll-container{display:grid;gap:20px 15px;grid-auto-columns:80%;grid-auto-flow:column;grid-template-rows:repeat(3,auto);overflow-x:auto;padding:10px 15px 20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-left:15px}
.h-scroll-container::-webkit-scrollbar{display:none}
.app-item{align-items:center;display:flex;scroll-snap-align:start}
.app-icon{background:#eee;border-radius:14px;flex-shrink:0;height:66px;margin-right:12px;overflow:hidden;width:66px}
.app-icon img{height:100%;object-fit:cover;width:100%}
.app-info{display:flex;flex:1;flex-direction:column;justify-content:center;overflow:hidden}
.app-name{color:#333;font-size:16px;font-weight:500;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-meta{color:#999;font-size:12px}
.app-btn{background-color:var(--primary-light);border:none;border-radius:15px;color:var(--primary);flex-shrink:0;font-size:13px;font-weight:700;padding:5px 15px}
.section-box{margin-top:15px;padding:0 15px}
.section-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:15px}
.section-title{color:#333;font-size:18px;font-weight:800}
.section-more{color:#999;font-size:12px}
.rec-grid{display:grid;gap:20px 10px;grid-template-columns:1fr 1fr}
.rec-item{display:flex;flex-direction:column}
.rec-img-box{background:#eee;border-radius:6px;margin-bottom:8px;overflow:hidden;padding-bottom:50%;position:relative;width:100%}
.rec-img-box img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}
.rec-img-text{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);bottom:0;color:#fff;font-size:12px;left:0;padding:20px 5px 5px;position:absolute;right:0;text-align:center}
.rec-img-text,.rec-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec-title{color:#333;font-size:14px;font-weight:500;margin-bottom:4px}
.rec-date{color:#ccc;font-size:12px}
.tags{display:block;font-size:12px;line-height:23px;margin-top:5px;overflow:hidden}
.tags>a,.tags>b{float:left}
.tags>a{color:#00aeb9;margin-right:12px;text-decoration:underline}
.section-header-custom{
    margin-left: 15px;
}
.section-box .section-header-custom{
    margin-left: 0;
}
.comment-new{
    padding: 0 !important;
}
.write-review-box{
    padding-top: 0 !important;
}