/* 159295.cn - 蘑菇TV-成长17.c在线首页 */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --mgtv159-primary:#10B981;--mgtv159-accent:#06B6D4;
  --mgtv159-bg1:#08130E;--mgtv159-bg2:#0E2E22;
  --mgtv159-text:#ECFDF5;--mgtv159-muted:#6EE7B7;
  --mgtv159-glass:rgba(255,255,255,.05);--mgtv159-border:rgba(255,255,255,.09);
}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(ellipse at top left,var(--mgtv159-bg2) 0%,var(--mgtv159-bg1) 60%);color:var(--mgtv159-text);min-height:100vh;line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.mgtv159-container{max-width:1320px;margin:0 auto;padding:0 28px}

.mgtv159-shell{display:flex;min-height:100vh}
.mgtv159-aside{width:240px;flex-shrink:0;background:linear-gradient(180deg,rgba(8,19,14,.95),rgba(14,46,34,.6));border-right:1px solid var(--mgtv159-border);padding:28px 0;position:sticky;top:0;height:100vh;overflow-y:auto}
.mgtv159-aside-brand{display:flex;align-items:center;gap:10px;padding:0 24px 28px;border-bottom:1px solid var(--mgtv159-border);margin-bottom:18px}
.mgtv159-aside-brand svg{width:36px;height:36px}
.mgtv159-aside-brand span{font-weight:800;font-size:15px;color:var(--mgtv159-text)}
.mgtv159-aside-nav{display:flex;flex-direction:column;gap:2px;padding:0 12px}
.mgtv159-aside-nav a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;font-size:13.5px;color:var(--mgtv159-muted);transition:all .25s}
.mgtv159-aside-nav a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mgtv159-muted);opacity:.4}
.mgtv159-aside-nav a:hover{background:var(--mgtv159-glass);color:var(--mgtv159-text)}
.mgtv159-aside-nav a.active{background:linear-gradient(90deg,#10B98128,transparent);color:var(--mgtv159-primary)}
.mgtv159-aside-nav a.active::before{background:var(--mgtv159-primary);opacity:1;box-shadow:0 0 12px #10B981}
.mgtv159-main{flex:1;min-width:0}
.mgtv159-topstrip{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:18px 36px;border-bottom:1px solid var(--mgtv159-border);background:rgba(8,19,14,.5);backdrop-filter:blur(12px)}
.mgtv159-topstrip input{padding:9px 14px;border:1px solid var(--mgtv159-border);background:rgba(0,0,0,.2);border-radius:8px;color:var(--mgtv159-text);font-size:13px;outline:none;width:240px}
.mgtv159-topstrip input:focus{border-color:var(--mgtv159-primary)}
@media (max-width:900px){.mgtv159-shell{flex-direction:column}.mgtv159-aside{width:100%;height:auto;position:static;padding:18px 0}.mgtv159-aside-nav{flex-direction:row;flex-wrap:wrap;padding:0 18px}}

.mgtv159-banner{position:relative;padding:70px 36px;border-radius:0 0 28px 28px;overflow:hidden;background:linear-gradient(135deg,#0E2E22 0%,#08130E 100%);border-bottom:1px solid var(--mgtv159-border)}
.mgtv159-banner::before{content:"";position:absolute;top:-50px;right:-50px;width:400px;height:400px;background:radial-gradient(circle,#10B98122 0%,transparent 60%);filter:blur(20px)}
.mgtv159-banner-inner{position:relative;max-width:780px}
.mgtv159-banner h1{font-size:clamp(28px,3.6vw,46px);font-weight:800;margin-bottom:18px;letter-spacing:-.02em}
.mgtv159-banner h1 b{color:var(--mgtv159-primary)}
.mgtv159-banner p{color:var(--mgtv159-muted);font-size:16px;max-width:580px}
.mgtv159-banner-stats{display:flex;gap:32px;margin-top:28px;flex-wrap:wrap}
.mgtv159-banner-stats div b{display:block;font-size:24px;font-weight:800;color:var(--mgtv159-primary)}
.mgtv159-banner-stats div span{font-size:12px;color:var(--mgtv159-muted)}

.mgtv159-section{padding:36px 36px 48px}
.mgtv159-shead{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.mgtv159-shead h2{font-size:22px;font-weight:700;color:var(--mgtv159-text);position:relative;padding-left:14px}
.mgtv159-shead h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--mgtv159-primary);border-radius:2px}
.mgtv159-shead p{color:var(--mgtv159-muted);font-size:13px}
.mgtv159-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.mgtv159-item{background:var(--mgtv159-glass);border:1px solid var(--mgtv159-border);border-radius:14px;overflow:hidden;transition:all .3s ease}
.mgtv159-item:hover{border-color:var(--mgtv159-primary);transform:translateY(-3px);box-shadow:0 14px 30px -12px #10B98155}
.mgtv159-item-th{position:relative;aspect-ratio:16/9;overflow:hidden}
.mgtv159-item-th img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mgtv159-item:hover .mgtv159-item-th img{transform:scale(1.06)}
.mgtv159-item-th .mgtv159-d{position:absolute;top:10px;right:10px;padding:3px 8px;background:rgba(0,0,0,.7);color:#fff;border-radius:4px;font-size:11px}
.mgtv159-item-th::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);z-index:1;opacity:0;transition:opacity .25s}
.mgtv159-item-th::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-30%,-50%);border-left:14px solid var(--mgtv159-primary);border-top:9px solid transparent;border-bottom:9px solid transparent;z-index:2;opacity:0;transition:opacity .25s}
.mgtv159-item:hover .mgtv159-item-th::before,.mgtv159-item:hover .mgtv159-item-th::after{opacity:1}
.mgtv159-item-info{padding:14px 16px 18px}
.mgtv159-item-info .mgtv159-cat{display:inline-block;font-size:11px;color:var(--mgtv159-primary);margin-bottom:8px;font-weight:600}
.mgtv159-item-info h3{font-size:14.5px;font-weight:700;margin-bottom:6px;line-height:1.45;color:var(--mgtv159-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mgtv159-item-info p{font-size:12.5px;color:var(--mgtv159-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.mgtv159-bcrumb{padding:18px 0;font-size:13px;color:var(--mgtv159-muted)}
.mgtv159-bcrumb a{color:var(--mgtv159-primary)}
.mgtv159-bcrumb span{margin:0 10px;opacity:.4}
.mgtv159-reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.mgtv159-rev{padding:22px;background:var(--mgtv159-glass);border:1px solid var(--mgtv159-border);border-radius:14px;transition:transform .3s}
.mgtv159-rev:hover{transform:translateY(-3px);border-color:var(--mgtv159-primary)}
.mgtv159-rev .mgtv159-stars{color:#06B6D4;margin-bottom:8px;letter-spacing:2px}
.mgtv159-rev b{display:block;font-size:14px;color:var(--mgtv159-primary);margin-bottom:8px}
.mgtv159-rev p{font-size:13px;color:var(--mgtv159-muted);line-height:1.65}
.mgtv159-contact{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
@media (max-width:900px){.mgtv159-contact{grid-template-columns:1fr}}
.mgtv159-cbox{padding:28px;background:var(--mgtv159-glass);border:1px solid var(--mgtv159-border);border-radius:18px}
.mgtv159-cbox h3{font-size:18px;margin-bottom:18px;color:var(--mgtv159-primary)}
.mgtv159-cbox ul{list-style:none}
.mgtv159-cbox li{padding:9px 0;border-bottom:1px dashed var(--mgtv159-border);font-size:13.5px;color:var(--mgtv159-muted)}
.mgtv159-cbox li strong{display:inline-block;width:90px;color:var(--mgtv159-text);font-weight:600}
.mgtv159-cbox li:last-child{border-bottom:0}
.mgtv159-share{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}
.mgtv159-share button{padding:8px 16px;background:transparent;border:1px solid var(--mgtv159-border);color:var(--mgtv159-text);border-radius:8px;font-size:13px;cursor:pointer;transition:all .25s}
.mgtv159-share button:hover{background:var(--mgtv159-primary);color:#08111d;border-color:var(--mgtv159-primary)}
.mgtv159-faq details{padding:18px 22px;background:var(--mgtv159-glass);border:1px solid var(--mgtv159-border);border-radius:12px;margin-bottom:12px;cursor:pointer;transition:.25s}
.mgtv159-faq details[open]{border-color:var(--mgtv159-primary);background:rgba(255,255,255,.07)}
.mgtv159-faq summary{font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--mgtv159-text)}
.mgtv159-faq summary::after{content:"+";font-size:22px;color:var(--mgtv159-primary);transition:transform .25s;font-weight:300}
.mgtv159-faq details[open] summary::after{transform:rotate(45deg)}
.mgtv159-faq .mgtv159-ans{padding-top:14px;color:var(--mgtv159-muted);font-size:14px;line-height:1.7}
.mgtv159-foot{margin-top:60px;padding:50px 0 28px;border-top:1px solid var(--mgtv159-border);background:linear-gradient(180deg,transparent,rgba(0,0,0,.3))}
.mgtv159-foot-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:30px;margin-bottom:32px}
@media (max-width:1024px){.mgtv159-foot-grid{grid-template-columns:1fr 1fr 1fr;gap:24px}}
.mgtv159-foot h4{font-size:14px;margin-bottom:14px;color:var(--mgtv159-text);font-weight:700}
.mgtv159-foot ul{list-style:none}
.mgtv159-foot li{padding:5px 0;font-size:12.5px;color:var(--mgtv159-muted)}
.mgtv159-foot li a:hover{color:var(--mgtv159-primary)}
.mgtv159-foot-bot{padding-top:22px;border-top:1px solid var(--mgtv159-border);text-align:center;font-size:12px;color:var(--mgtv159-muted)}
.mgtv159-foot-bot a{color:var(--mgtv159-primary)}
