:root{
  --bg:#fcfcfc;
  --pink:#ff8e9e;
  --yellow:#ffda77;
  --mint:#6ee7b7;
  --blue:#93c5fd;
  --text:#3b3b48;
  --text-light:#757585;
  --shadow:0 10px 30px rgba(255,142,158,.15);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

/* 导航 */
header{position:sticky;top:0;z-index:100;background:rgba(252,252,252,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 0;border-bottom:1px solid rgba(0,0,0,.03);}
.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--text);}
.brand img{height:32px;width:auto;border-radius:8px;}
.quick-links{display:flex;gap:12px;font-size:13px;color:var(--text-light);}
.quick-links a:hover{color:var(--pink);}
.main-nav{display:flex;background:#fff;border-radius:30px;padding:6px 16px;box-shadow:0 2px 10px rgba(0,0,0,.03);gap:20px;font-size:14px;font-weight:600;}
.main-nav a{padding:6px 12px;border-radius:20px;transition:.3s;}
.main-nav a:hover{background:#f5f5f5;}
.main-nav .highlight{background:linear-gradient(90deg,var(--pink),var(--yellow));color:#fff;}
.main-nav .highlight:hover{opacity:.9;}
.nav-actions{display:flex;align-items:center;gap:16px;}
.search-box{background:#fff;border-radius:30px;padding:8px 16px;font-size:13px;color:var(--text-light);border:1px solid #eee;transition:.3s;}
.search-box:focus-within{border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,142,158,.2);}
.search-box input{border:none;outline:none;background:transparent;width:120px;font-size:13px;}
.btn-download{background:var(--pink);color:#fff;padding:8px 20px;border-radius:30px;font-weight:600;font-size:14px;transition:.3s;animation:breathe 3s infinite;}
.btn-download:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,142,158,.4);}
@keyframes breathe{0%,100%{box-shadow:0 0 0 0 rgba(255,142,158,.4);}50%{box-shadow:0 0 0 8px rgba(255,142,158,0);}}

/* 首屏 */
.hero{max-width:1200px;margin:40px auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:40px;}
.hero-content{flex:1;}
.hero-tag{display:inline-block;background:var(--yellow);color:#8a6d00;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:16px;}
.hero h1{font-size:44px;line-height:1.2;font-weight:900;margin-bottom:20px;color:var(--text);}
.hero h1 span{position:relative;z-index:1;}
.hero h1 span::after{content:'';position:absolute;left:0;bottom:4px;width:100%;height:12px;background:var(--yellow);z-index:-1;border-radius:4px;}
.hero p{font-size:16px;color:var(--text-light);margin-bottom:32px;max-width:480px;}
.hero-btns{display:flex;gap:16px;}
.btn-primary{background:var(--pink);color:#fff;padding:14px 32px;border-radius:30px;font-weight:700;font-size:16px;transition:.3s;animation:breathe 3s infinite;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,142,158,.4);}
.btn-outline{border:2px solid var(--pink);color:var(--pink);padding:12px 32px;border-radius:30px;font-weight:700;font-size:16px;transition:.3s;}
.btn-outline:hover{background:var(--pink);color:#fff;}
.hero-visual{flex:1;position:relative;display:flex;justify-content:center;}
.morph-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--pink),var(--yellow),var(--blue));border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;filter:blur(40px);opacity:.3;animation:morph 8s infinite alternate;}
@keyframes morph{0%{border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;}100%{border-radius:60% 40% 30% 70% / 50% 60% 40% 60%;}}
.hero-img{position:relative;z-index:1;border-radius:24px;box-shadow:var(--shadow);max-height:400px;object-fit:cover;}

/* 通用区块 */
section{max-width:1200px;margin:80px auto;padding:0 20px;}
.section-header{text-align:center;margin-bottom:40px;}
.section-header h2{font-size:32px;font-weight:800;color:var(--text);margin-bottom:12px;}
.section-header p{color:var(--text-light);font-size:15px;}

/* 卡片网格 */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.04);transition:all .3s;position:relative;}
.card:hover{transform:translateY(-8px);box-shadow:var(--shadow);}
.card:hover img{transform:scale(1.05);}
.card-img{width:100%;height:240px;object-fit:cover;transition:transform .4s;}
.card-badge{position:absolute;top:12px;right:12px;background:var(--pink);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;}
.card-info{padding:16px 20px;}
.card-info h3{font-size:18px;font-weight:700;margin-bottom:8px;}
.card-info p{font-size:13px;color:var(--text-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px;}
.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-light);}
.play-btn{width:32px;height:32px;border-radius:50%;background:var(--mint);color:#fff;display:flex;align-items:center;justify-content:center;transition:.3s;}
.card:hover .play-btn{transform:scale(1.1);}

/* 竖版卡片 */
.poster-card .card-img{height:320px;}

/* 评价墙 */
.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.review-card{background:#fff;border-radius:24px;padding:24px;display:flex;gap:16px;box-shadow:0 4px 20px rgba(0,0,0,.04);transition:.3s;border-left:4px solid var(--blue);}
.review-card:nth-child(2n){border-left-color:var(--yellow);}
.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--mint),var(--blue));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;flex-shrink:0;}
.review-content{flex:1;}
.review-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.review-header .name{font-weight:700;font-size:15px;}
.review-tag{background:#f0f0f0;padding:2px 8px;border-radius:10px;font-size:11px;color:var(--text-light);}
.review-stars{color:var(--yellow);font-size:12px;margin-left:auto;}
.review-text{font-size:14px;color:var(--text);margin-bottom:12px;line-height:1.6;}
.review-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-light);}
.review-footer .anime-tag{color:var(--pink);font-weight:600;}

/* 问答中心 */
.qa-list{display:flex;flex-direction:column;gap:20px;max-width:800px;margin:0 auto;}
.qa-item{background:#fff;border-radius:20px;padding:20px 24px;box-shadow:0 4px 15px rgba(0,0,0,.03);border-left:4px solid var(--mint);transition:.3s;}
.qa-item:hover{transform:translateX(4px);box-shadow:var(--shadow);}
.qa-item h3{font-size:16px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.qa-item p{font-size:14px;color:var(--text-light);line-height:1.7;}
.qa-tag{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;margin-right:8px;}
.tag-guide{background:#e0f2fe;color:#0284c7;}
.tag-help{background:#fce7f3;color:#db2777;}
.tag-discuss{background:#fef3c7;color:#d97706;}

/* 下载专区 */
.download-banner{background:#1e1e2f;border-radius:32px;padding:60px 40px;text-align:center;position:relative;overflow:hidden;margin-bottom:80px;}
.download-banner::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:var(--pink);filter:blur(100px);opacity:.3;border-radius:50%;}
.download-banner h2{color:#fff;font-size:32px;font-weight:800;margin-bottom:12px;position:relative;z-index:1;}
.download-banner p{color:rgba(255,255,255,.7);margin-bottom:32px;position:relative;z-index:1;}
.download-btns{display:flex;justify-content:center;gap:20px;position:relative;z-index:1;}
.dl-btn{background:var(--pink);color:#fff;padding:14px 32px;border-radius:30px;font-weight:700;font-size:16px;transition:.3s;display:flex;align-items:center;gap:8px;}
.dl-btn:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(255,142,158,.4);}

/* 悬浮组件 */
.floating-widget{position:fixed;bottom:30px;right:30px;z-index:99;display:flex;flex-direction:column;align-items:flex-end;gap:12px;}
.floating-panel{background:#fff;border-radius:20px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:8px;animation:float 3s ease-in-out infinite;}
.floating-panel a{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:8px 12px;border-radius:12px;transition:.3s;}
.floating-panel a:hover{background:#f5f5f5;}
.floating-ball{width:56px;height:56px;border-radius:50%;background:var(--pink);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 6px 20px rgba(255,142,158,.4);cursor:pointer;transition:.3s;animation:bounce 2s infinite;}
.floating-ball:hover{transform:scale(1.1);}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}

/* 页脚 */
footer{background:#f7f7f7;padding:40px 20px;text-align:center;font-size:12px;color:#999;}
footer p{margin-bottom:8px;}
footer a{color:#999;}
footer a:hover{color:var(--pink);}
footer time{display:block;margin-top:8px;}

/* 响应式 */
@media (max-width:1024px){
  .hero h1{font-size:36px;}
  .nav-container{flex-wrap:wrap;}
  .main-nav{display:none;}
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .reviews-grid{grid-template-columns:1fr;}
}
@media (max-width:768px){
  .hero{flex-direction:column;text-align:center;margin:20px auto;}
  .hero p{margin:0 auto 24px;}
  .hero-btns{justify-content:center;}
  .hero-img{max-height:300px;}
  .grid-3{grid-template-columns:1fr;}
  .quick-links{display:none;}
  .search-box{display:none;}
  .section-header h2{font-size:24px;}
  .download-btns{flex-direction:column;align-items:center;}
  .floating-panel{display:none;}
  .download-banner{padding:40px 20px;}
}