﻿.mipai.open{z-index:99}.mipai.open .mipai-bg{background:rgba(0,0,0,.8)}.issue-more.show{display:block;z-index:5}.issue-more li{cursor:pointer;text-align:center}.mui-bar{height:44px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ddd}.mui-title{font-size:13px;font-weight:400;margin:0}.mui-bar>img{position:absolute;right:12px;width:22px;cursor:pointer}.result-tr span{box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.banner a{background:#f1f1f1}.banner img{object-fit:cover;display:block}.issue-mi{cursor:pointer}.mi-index{width:100%}@media(max-width:800px){.banner img{min-height:42px;object-fit:cover}.mui-title{width:88%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.center-canvas{width:100%;max-width:500px;height:auto;position:absolute;z-index:3;touch-action:none;cursor:crosshair}.forecast-card{padding:38px 20px;text-align:center;background:linear-gradient(145deg,#fff,#fffaf0)}.forecast-card h3{margin:0;font-size:20px;color:#324157}.forecast-card>p{color:#929292;font-size:13px}.forecast-values{display:flex;justify-content:center;gap:14px;margin:25px auto;max-width:660px}.forecast-values div{background:#fff;border:1px solid #f0dfbb;border-radius:7px;min-width:145px;padding:13px}.forecast-values span{display:block;color:#999;font-size:13px}.forecast-values b{display:block;color:#f1781e;font-size:28px;margin-top:5px}.backtest{max-width:660px;margin:auto;background:#f4f8fd;border-left:3px solid #4d92db;padding:13px;color:#4d617a}.backtest small{display:block;font-size:12px;color:#8d9bab;margin-top:7px}.site-footer{background:linear-gradient(90deg,#293b52,#3d536d)!important;color:#e7edf4!important;height:auto!important;line-height:normal!important;padding:25px 10px!important;display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.site-footer b{color:#ffc928;font-size:15px}.site-footer span,.site-footer small{color:#bdc8d4;font-size:12px}@media(max-width:600px){.forecast-values{gap:7px}.forecast-values div{min-width:0;flex:1;padding:10px 4px}.forecast-values b{font-size:23px}.forecast-card{padding:28px 12px}.center-canvas{height:208px}}
/* Mipai stacking and scratch surface */
.mipai.open{z-index:99}.mipai.open .mipai-bg{z-index:10;background:rgba(0,0,0,.8)}.mipai.open .mi-index{z-index:11}.center{position:relative;min-height:260px}.center-data{z-index:2}.center-diban{position:relative;z-index:1}.center-canvas{z-index:3;left:50%;top:0;transform:translateX(-50%);height:260px}.forecast-next{background:#fafafa!important}.forecast-hit{color:red}.forecast-ok{color:#f23030!important;font-size:18px;font-weight:bold}.forecast-no{color:#13b5b1!important;font-size:18px;font-weight:bold}.forecast-note{text-align:center;color:#929292;padding:15px;font-size:12px;border-top:1px solid #eee}@media(max-width:600px){.center{min-height:208px}.center-canvas{height:208px}.mi-index{max-width:500px}}
nav{position:relative}.recommend{position:absolute!important;right:18px;top:12px;width:36px!important;height:36px!important;border-radius:50%;background:#f44336!important;color:#fff!important;font-size:11px!important;line-height:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-shadow:0 2px 5px #17243b88;text-decoration:none!important;z-index:2}.recommend:hover{background:#de2e22!important;color:#fff!important}@media(max-width:600px){.recommend{right:10px;top:13px;width:34px!important;height:34px!important;font-size:10px!important}}
/* Prominent webmaster recommendation control */
nav .recommend{right:22px!important;top:8px!important;width:46px!important;height:46px!important;border:2px solid #fff2ae!important;border-radius:50%!important;background:radial-gradient(circle at 32% 28%,#ffef76 0 10%,#ffb314 35%,#ed5b16 72%,#cf3115 100%)!important;color:#fff!important;font-size:12px!important;font-weight:700!important;line-height:15px!important;letter-spacing:1px!important;text-shadow:0 1px 2px #8b280c!important;box-shadow:0 3px 0 #8f2716,0 5px 12px #1117!important;animation:recommend-pulse 1.9s ease-in-out infinite!important;transition:transform .16s ease!important}nav .recommend:hover{transform:translateY(-2px) scale(1.08)!important;background:radial-gradient(circle at 32% 28%,#fff5a1 0 10%,#ffc52c 35%,#f06d1e 72%,#d73718 100%)!important}nav .recommend:before{content:'荐';position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#e54122;font-size:11px;font-weight:900;text-shadow:none;box-shadow:0 1px 4px #0004}@keyframes recommend-pulse{0%,100%{box-shadow:0 3px 0 #8f2716,0 5px 12px #1117}50%{box-shadow:0 3px 0 #8f2716,0 5px 20px #ffcf3488}}@media(max-width:600px){nav .recommend{right:12px!important;top:8px!important;width:44px!important;height:44px!important}}
/* Fixed recommendation entry */
nav .recommend{position:fixed!important;right:24px!important;top:auto!important;bottom:28px!important;z-index:80!important;width:58px!important;height:58px!important;font-size:13px!important;line-height:16px!important}nav .recommend:after{content:'站长精选';position:absolute;right:68px;top:15px;white-space:nowrap;border-radius:14px;background:#ffffff;color:#d9451d;padding:4px 9px;font-size:12px;font-weight:700;letter-spacing:0;box-shadow:0 3px 14px #0003;text-shadow:none}@media(max-width:600px){nav .recommend{right:15px!important;bottom:20px!important;width:54px!important;height:54px!important}.recommend:after{display:none}}
.seo-copy{max-width:1120px;margin:0 auto;padding:22px 22px 18px;border-top:1px solid #eee;color:#6c7480;background:#fff}.seo-copy h2{margin:0 0 8px;color:#3b4656;font-size:16px;font-weight:600}.seo-copy p{margin:0;line-height:1.9;font-size:13px}@media(max-width:600px){.seo-copy{padding:16px 14px}.seo-copy h2{font-size:15px}}
.seo-links{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 15px}.seo-links a,.landing-btn{display:inline-block;color:#2868a6;background:#edf6ff;border:1px solid #c7e1f9;border-radius:4px;padding:5px 11px;text-decoration:none}.landing{margin:0;background:#f5f6f8;font-family:"Microsoft YaHei",Arial,sans-serif;color:#384252}.landing main{max-width:860px;margin:50px auto;background:#fff;padding:38px 46px;box-shadow:0 4px 20px #17233b12}.landing h1{font-size:27px;color:#263d58;margin:12px 0 20px}.landing h2{font-size:18px;margin:30px 0 9px;color:#334d68}.landing p{line-height:1.9;color:#626e7d}.crumb,.crumb a{color:#8b9bab;font-size:13px;text-decoration:none}@media(max-width:600px){.landing main{margin:0;padding:25px 20px}.landing h1{font-size:23px}}
.freshness{padding:9px 12px!important;margin:0 0 15px!important;background:#f2f8ff;border-left:3px solid #4a90dc;color:#4d657d!important;font-size:13px}
.crawler-content{max-width:1120px;margin:0 auto;padding:20px;color:#4f5c6c;background:#fff;border-bottom:1px solid #eee}.crawler-content h1{font-size:21px;color:#263d58}.crawler-content h2{font-size:17px}.crawler-content li{line-height:1.8}.crawler-content a{color:#2868a6}

/* Keep generated campaign artwork in its original ultra-wide banner crop. */
.banner a{display:block;aspect-ratio:1400/330;overflow:hidden}
.banner img{width:100%;height:100%;object-fit:cover;object-position:center}

/* Tiangong dark-gold visual refresh */
html{
  min-height:100%;
  background:
    radial-gradient(circle at 14% 8%,rgba(224,170,62,.17),transparent 30%),
    radial-gradient(circle at 88% 2%,rgba(58,112,184,.20),transparent 28%),
    linear-gradient(145deg,#050810 0%,#101b2e 48%,#070b14 100%);
}
body{
  min-height:100%;
  font-family:"PingFang SC","Microsoft YaHei UI","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei",system-ui,sans-serif;
  background:
    radial-gradient(circle at 14% 8%,rgba(224,170,62,.17),transparent 30%),
    radial-gradient(circle at 88% 2%,rgba(58,112,184,.20),transparent 28%),
    linear-gradient(145deg,#050810 0%,#101b2e 48%,#070b14 100%);
  color:#26354a;
  letter-spacing:.015em;
}
.main{
  background:
    radial-gradient(circle at 14% 8%,rgba(224,170,62,.17),transparent 30%),
    radial-gradient(circle at 88% 2%,rgba(58,112,184,.20),transparent 28%),
    linear-gradient(145deg,#050810 0%,#101b2e 48%,#070b14 100%);
}
.main-p{
  min-height:100%;
  background:rgba(249,251,254,.98);
  border-right:1px solid rgba(232,188,94,.34);
  border-left:1px solid rgba(232,188,94,.34);
  box-shadow:0 0 34px rgba(0,0,0,.42);
}
.mui-bar{
  max-width:none;
  background:linear-gradient(90deg,rgba(5,10,19,.98),rgba(21,38,63,.98),rgba(5,10,19,.98));
  border-bottom:1px solid rgba(228,178,70,.58);
  box-shadow:0 5px 18px rgba(0,0,0,.35);
}
.mui-title{
  color:#f6e6b8;
  font-family:"Songti SC","STSong","Microsoft YaHei UI",sans-serif;
  font-size:14px;
  font-weight:600;
  letter-spacing:.09em;
  text-shadow:0 1px 6px rgba(223,170,64,.28);
}
.mui-bar>img{filter:brightness(0) invert(1);opacity:.82}
.banner+nav{
  background:linear-gradient(100deg,#0b1628 0%,#1c3252 50%,#0b1628 100%);
  border-top:1px solid rgba(238,190,82,.55);
  border-bottom:1px solid rgba(238,190,82,.48);
  box-shadow:inset 0 1px rgba(255,255,255,.05);
}
.banner+nav .nav-item{
  color:#d9e0ea;
  font-family:"Songti SC","STSong","Microsoft YaHei UI",sans-serif;
  font-size:16px;
  font-weight:700;
  letter-spacing:.15em;
}
.banner+nav .nav-active{
  color:#ffd76d;
  border-bottom-color:#e6b94e;
  text-shadow:0 1px 8px rgba(255,199,64,.34);
}
.issue{
  margin:0;
  background:linear-gradient(180deg,#fff 0%,#f3f6fa 100%);
  border-color:#d9e1eb;
  box-shadow:0 5px 16px rgba(20,35,57,.07);
}
.issue-item{border-color:#d9e1eb;color:#29394e}
.issue-item:last-child{border-color:#d9e1eb}
.issue-list,.issue-btns button{background:#fff;border-color:#bdc8d7;color:#263950}
.issue-more{border-color:#bdc8d7;box-shadow:0 8px 20px rgba(19,34,55,.16)}
.result{background:#fff}
.result-nav{
  background:linear-gradient(100deg,#142945,#23436c,#142945);
  color:#e8eef6;
  font-family:"Songti SC","STSong","Microsoft YaHei UI",sans-serif;
  font-weight:700;
  letter-spacing:.08em;
  border-top:1px solid rgba(228,178,70,.35);
}
.result-nav span{border-color:rgba(255,255,255,.16)}
.result-active{
  background:linear-gradient(135deg,#a86c16,#efc45e)!important;
  color:#172235!important;
  text-shadow:0 1px rgba(255,255,255,.38);
}
.result-table{background:#fff;color:#4c596a;border-color:#dce3ec}
.result-table,.result-thead,.result-tr,.result-thead span,.result-tr span{
  font-family:Arial,"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;
  font-style:normal;
}
.result-thead{background:linear-gradient(180deg,#f4f7fb,#e8edf4);color:#263950;font-weight:700}
.result-thead span{font-weight:700;letter-spacing:.025em}
.result-tr span{
  font-size:14px;
  font-weight:500;
  font-variant-numeric:tabular-nums;
  letter-spacing:.012em;
}
.result-tr span i,.result-tr span b,.result-tr span p{font-family:inherit;font-style:normal}
.result-thead span,.result-tr{border-color:#e1e6ed}
.result-tr:nth-child(odd){background:#f6f8fb}
.forecast-card{background:linear-gradient(145deg,#fff,#f7f1e4)}
.forecast-values div{border-color:#dfc88e;box-shadow:0 4px 12px rgba(48,40,20,.06)}
.seo-copy,.crawler-content{background:#f4f7fa;color:#596779;border-color:#dce3eb}
.seo-copy h2,.crawler-content h1,.crawler-content h2{color:#213754;font-family:"Songti SC","STSong","Microsoft YaHei UI",sans-serif}
.freshness{background:#edf3fa;border-left-color:#c79431;color:#3d536d!important}
.seo-links{height:auto;line-height:normal;background:transparent;border:0;box-shadow:none}
.seo-links a,.landing-btn{color:#79500e;background:#fff8e9;border-color:#e5ca8a}
.site-footer{background:linear-gradient(100deg,#08111f,#1c304d,#08111f)!important;border-top:1px solid rgba(229,181,74,.48)}
.landing{
  background:
    radial-gradient(circle at 16% 5%,rgba(224,170,62,.16),transparent 30%),
    linear-gradient(145deg,#050810,#101b2e 55%,#070b14);
  font-family:"PingFang SC","Microsoft YaHei UI","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;
}
.landing main{border:1px solid rgba(226,183,88,.38);box-shadow:0 14px 36px rgba(0,0,0,.38)}
.landing h1,.landing h2{font-family:"Songti SC","STSong","Microsoft YaHei UI",sans-serif}
@media(max-width:800px){
  html,body{background:#f5f7fa}
  body{letter-spacing:0}
  .main{background:#f5f7fa}
  .main-p{border:0;box-shadow:none}
  .mui-title{font-size:13px;letter-spacing:.035em}
  .issue-item{border-color:#d9e1eb}
  .landing main{border:0;box-shadow:none}
}

/* Wider campaign banner and no empty country navigation strip. */
.banner{
  width:min(1400px,calc(100vw - 16px));
  margin-left:50%;
  transform:translateX(-50%);
}
.banner a{aspect-ratio:1400/330}
.banner+.recommend-host{
  height:0;
  line-height:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
@media(max-width:800px){
  .banner{width:100%;margin-left:0;transform:none}
}

/* Keep the campaign artwork at the requested fixed phone height. */
@media(max-width:600px){
  .banner a{height:120px;aspect-ratio:auto}
  .banner img{height:100%;object-fit:fill}
}
