<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#92400e" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#0b1220" media="(prefers-color-scheme: dark)">
<meta name="robots" content="noindex,follow">
<title>网站服务已到期 | 山东魔豆网络科技有限公司</title>
<meta name="description" content="您访问的网站服务已到期。该网站由山东魔豆网络科技有限公司提供建设与托管服务，办理续费后即可恢复访问。服务包括网站托管、建设、搜索优化、企业邮箱等。立即致电 15668412335 续费恢复。">
<style>
:root{
  --accent:#d97706;
  --grad:linear-gradient(135deg,#92400e 0%,#d97706 55%,#f59e0b 100%);
  --bg:#eef2f7;
  --card:#ffffff;
  --text:#1f2937;
  --text2:#4b5563;
  --text3:#6b7280;
  --line:#e5eaf1;
  --soft:#f4f7fb;
  --shadow:0 12px 40px rgba(146,64,14,.10);
}
@media (prefers-color-scheme:dark){
  :root{
    --accent:#fbbf24;
    --bg:#0b1220;
    --card:#131c2e;
    --text:#e5e7eb;
    --text2:#c3cad6;
    --text3:#8b95a7;
    --line:#263449;
    --soft:#1a2438;
    --shadow:0 12px 40px rgba(0,0,0,.45);
  }
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Segoe UI",sans-serif;
  color:var(--text);line-height:1.75;min-height:100vh;padding:32px 16px;
  background:
    radial-gradient(700px 320px at 8% -60px, rgba(245,158,11,.13), transparent 60%),
    radial-gradient(760px 360px at 100% -40px, rgba(217,119,6,.10), transparent 60%),
    var(--bg);
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
}
::selection{background:var(--accent);color:#fff}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.page{max-width:880px;margin:0 auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}

/* 头部 */
.hero{position:relative;overflow:hidden;background:var(--grad);color:#fff;padding:44px 40px 0;border-top-left-radius:16px;border-top-right-radius:16px}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.09)}
.hero::before{width:240px;height:240px;right:-70px;top:-80px}
.hero::after{width:170px;height:170px;right:70px;bottom:-100px;background:rgba(255,255,255,.07)}
.hero-inner{position:relative;z-index:1;padding-bottom:36px}
.hero-tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;letter-spacing:.5px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.38);border-radius:999px;padding:4px 12px;margin-bottom:16px}
.hero-tag svg{width:14px;height:14px}
.hero h1{font-size:27px;line-height:1.4;letter-spacing:1px;margin-bottom:10px}
.hero-desc{color:rgba(255,255,255,.93);max-width:46em}

/* Sticky 续费条（滚动时始终可见） */
.renew-wrap{position:sticky;top:0;z-index:49;background:rgba(146,64,14,.97);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);padding:12px 40px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between;box-shadow:0 4px 16px rgba(0,0,0,.18)}
.renew-wrap.stuck{box-shadow:0 6px 20px rgba(0,0,0,.25)}
.renew-wrap p{font-size:14px;color:#fff;flex:1;min-width:200px}
.renew-wrap p strong{color:#fde68a}
.btn-renew{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#b45309;font-weight:700;border-radius:999px;padding:11px 22px;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;flex:none}
.btn-renew:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.18);color:#b45309}
.btn-renew svg{width:16px;height:16px}
.btn-renew .pulse{display:inline-block;width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}

/* 快速联系条（琥珀色版，与默认页蓝色版对齐） */
.quickbar{background:rgba(255,255,255,.12);padding:12px 40px;color:rgba(255,255,255,.92);display:flex;flex-wrap:wrap;gap:22px;font-size:13px}
.quickbar a{color:#fff;text-decoration:none;border-bottom:1px dotted rgba(255,255,255,.6)}
.quickbar a:hover{border-bottom-color:#fff}
.quickbar .qb-item{display:flex;align-items:center;gap:6px}
.quickbar svg{width:15px;height:15px;flex:none}

/* 主体 */
.body{padding:36px 40px}
section+section{margin-top:34px}
h2{display:flex;align-items:center;gap:10px;font-size:19px;margin-bottom:14px}
h2::before{content:"";width:5px;height:20px;border-radius:3px;background:var(--grad)}
.lead{color:var(--text2)}
.warn{margin-top:12px;font-size:13px;color:#b45309;background:rgba(217,119,6,.10);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:10px 14px;display:flex;gap:8px;align-items:flex-start}
.warn svg{flex:none;width:16px;height:16px;margin-top:2px;color:var(--accent)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-items:start}
.grid.cols2{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}

/* 服务条目 details */
.svc{background:var(--soft);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.svc:hover{border-color:var(--accent)}
.svc[open]{grid-column:1/-1;background:var(--card);border-color:var(--accent);box-shadow:0 8px 22px rgba(217,119,6,.14)}
.svc summary{display:flex;align-items:center;gap:10px;padding:13px 15px;font-weight:600;cursor:pointer;list-style:none;transition:color .2s ease}
.svc summary::-webkit-details-marker{display:none}
.svc summary:hover{color:var(--accent)}
.svc .ico{flex:none;width:21px;height:21px;color:var(--accent)}
.svc .chev{flex:none;width:17px;height:17px;margin-left:auto;color:var(--text3);transition:transform .25s ease}
.svc[open] summary{color:var(--accent)}
.svc[open] .chev{transform:rotate(180deg);color:var(--accent)}
.svc-body{padding:0 16px 16px;border-top:1px dashed var(--line);font-size:14px;color:var(--text2)}
.svc-body>p:first-child{margin-top:12px}
.lbl{margin:12px 0 4px;font-size:13px;font-weight:700;color:var(--text)}
.lbl::before{content:"";display:inline-block;width:4px;height:12px;border-radius:2px;background:var(--accent);margin-right:7px;vertical-align:-1px}
.svc-body ul{padding-left:18px;margin:0}
.svc-body li{margin:3px 0}

/* 联系 */
.contact-list{display:grid;gap:10px;margin-bottom:20px}
.contact-row{display:flex;align-items:flex-start;gap:10px;color:var(--text2)}
.contact-row svg{flex:none;width:20px;height:20px;margin-top:2px;color:var(--accent)}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.btn svg{width:17px;height:17px}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 20px rgba(217,119,6,.32)}
.btn-ghost{border:1.5px solid var(--accent);color:var(--accent)}
.btn:hover{transform:translateY(-2px);text-decoration:none}
.btn-primary:hover{color:#fff;box-shadow:0 10px 26px rgba(217,119,6,.42)}
.btn-ghost:hover{background:var(--soft)}

/* FAQ 手风琴 */
.faq details{border:1px solid var(--line);border-radius:12px;background:var(--soft);overflow:hidden}
.faq details+details{margin-top:10px}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:14px 16px;font-weight:600;list-style:none;transition:color .2s ease}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--accent)}
.faq .chev{flex:none;width:18px;height:18px;color:var(--text3);transition:transform .25s ease}
.faq details[open] .chev{transform:rotate(180deg);color:var(--accent)}
.faq .a{padding:0 16px 15px;color:var(--text2)}

/* 页脚 */
.footer{padding:20px 40px;background:var(--soft);border-top:1px solid var(--line);font-size:13px;color:var(--text3);border-bottom-left-radius:16px;border-bottom-right-radius:16px}
.data-retention{margin-top:8px;padding-top:10px;border-top:1px dashed var(--line);font-size:12px;color:var(--text3);line-height:1.8}
.copy{margin-top:4px}

/* 返回顶部 */
.top-btn{position:fixed;right:18px;bottom:24px;width:42px;height:42px;border-radius:50%;background:var(--grad);color:#fff;border:none;box-shadow:0 6px 18px rgba(217,119,6,.35);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s,transform .25s;display:flex;align-items:center;justify-content:center;z-index:50}
.top-btn.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.top-btn:hover{box-shadow:0 8px 22px rgba(217,119,6,.48)}
.top-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.top-btn svg{width:20px;height:20px}

/* 无障碍与动效 */
a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

/* 小屏 */
@media (max-width:600px){
  body{padding:16px 10px}
  .hero{padding:30px 22px 0}
  .hero-inner{padding-bottom:26px}
  .hero h1{font-size:21px}
  .renew-wrap{padding:10px 22px;gap:10px}
  .renew-wrap p{font-size:13px;min-width:0}
  .quickbar{padding:10px 22px;gap:12px;font-size:12px}
  .body{padding:26px 20px}
  .footer{padding:16px 20px}
  .grid{grid-template-columns:1fr}
  .btn{padding:11px 20px;font-size:15px}
  .btn-renew{padding:10px 18px;font-size:14px}
  .top-btn{width:38px;height:38px;right:14px;bottom:20px}
}
</style>
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@graph": [
    {
      "@type": ["Organization", "LocalBusiness"],
      "name": "山东魔豆网络科技有限公司",
      "url": "http://www.modouwangluo.com",
      "telephone": "+8615668412335",
      "email": "admin@weimodou.com",
      "address": {
        "@type": "PostalAddress",
        "addressRegion": "山东省",
        "addressLocality": "济南市",
        "streetAddress": "历城区工业北路58号恒大城公寓J栋1521-7",
        "addressCountry": "CN"
      },
      "areaServed": "全国",
      "knowsAbout": ["网站托管", "网站建设", "搜索优化", "SEO", "GEO优化", "企业邮箱", "小程序开发"],
      "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "网站续期相关服务",
        "itemListElement": [
          { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "网站托管续期" } },
          { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "网站建设续签" } },
          { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "搜索优化（SEO）续签" } },
          { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "企业邮箱续期" } }
        ]
      }
    },
    {
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "为什么网站无法访问？",
          "acceptedAnswer": { "@type": "Answer", "text": "该网站的服务合同已到期，网站已暂停访问。办理续费后即可恢复。" }
        },
        {
          "@type": "Question",
          "name": "如何续费恢复网站？",
          "acceptedAnswer": { "@type": "Answer", "text": "请致电 15668412335 或发送邮件至 admin@weimodou.com 联系山东魔豆网络科技有限公司办理续费。" }
        },
        {
          "@type": "Question",
          "name": "续费后网站多久可以恢复访问？",
          "acceptedAnswer": { "@type": "Answer", "text": "常规续费在确认付款后 1-2 小时内恢复；涉及域名解析更新的场景最长不超过 24 小时。紧急情况请在来电时说明。" }
        },
        {
          "@type": "Question",
          "name": "如果不续费会怎样？",
          "acceptedAnswer": { "@type": "Answer", "text": "网站将继续保持暂停状态。我们为到期客户保留原始网站数据与配置一定期限（具体以合同约定为准），在此期间内续费可直接恢复；超过保留期后数据将按公司常规流程处理。" }
        },
        {
          "@type": "Question",
          "name": "我是该域名的权利人，要求下线本页面怎么办？",
          "acceptedAnswer": { "@type": "Answer", "text": "请发送邮件至 admin@weimodou.com 或致电 15668412335，核实后我们将立即处理。" }
        }
      ]
    }
  ]
}
</script>
</head>
<body>
<div class="page">
  <div class="card">
    <header class="hero">
      <div class="hero-inner">
        <span class="hero-tag">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
          服务到期提醒
        </span>
        <h1>您访问的网站服务已到期</h1>
        <p class="hero-desc">该网站由 <strong>山东魔豆网络科技有限公司</strong> 提供建设与托管服务，目前服务合同已到期，网站已暂停访问。</p>
      </div>
    </header>
    <div class="renew-wrap" id="renewWrap" role="complementary" aria-label="续费通道">
      <p><span class="pulse" aria-hidden="true"></span> <strong>网站所有者请注意</strong>：办理续费后即可恢复访问，1-2 小时内生效</p>
      <a class="btn-renew" href="tel:15668412335" aria-label="电话续费">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
        <span>立即续费 15668412335</span>
      </a>
    </div>
    <div class="quickbar" role="complementary" aria-label="快速联系">
      <span class="qb-item">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
        <a href="tel:15668412335">15668412335</a>
      </span>
      <span class="qb-item">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
        <a href="mailto:admin@weimodou.com">admin@weimodou.com</a>
      </span>
      <span class="qb-item">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
        <a href="http://www.modouwangluo.com" rel="nofollow">www.modouwangluo.com</a>
      </span>
    </div>
    <main class="body">
      <section aria-labelledby="renew">
        <h2 id="renew">续费通道</h2>
        <p class="lead">您可以通过以下三种方式办理续费，任意一种均可恢复网站访问。</p>
        <div class="grid cols2" style="margin-top:14px">
          <details class="svc" id="renew-phone">
            <summary>
              <svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
              <span>电话续费（最快）</span>
              <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
            </summary>
            <div class="svc-body">
              <p>直接拨打 <strong>15668412335</strong>，报出您要续费的域名，我们的客户经理将在 10 分钟内为您确认方案并完成续费。</p>
              <p class="lbl">适合场景</p>
              <ul>
                <li>网站已下线、希望最快恢复</li>
                <li>不确定续费套餐、需要咨询</li>
              </ul>
            </div>
          </details>
          <details class="svc" id="renew-email">
            <summary>
              <svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
              <span>邮件续费</span>
              <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
            </summary>
            <div class="svc-body">
              <p>发送邮件至 <a href="mailto:admin@weimodou.com">admin@weimodou.com</a>，标题注明"续费 + 域名"，我们工作日 2 小时内回复。</p>
              <p class="lbl">邮件内容建议包含</p>
              <ul>
                <li>要续费的域名（必填）</li>
                <li>希望续期多长时间（1 年 / 3 年 / 5 年）</li>
                <li>联系电话（方便我们回电确认）</li>
              </ul>
            </div>
          </details>
        </div>
      </section>

      <section aria-labelledby="renewable">
        <h2 id="renewable">可续期的服务</h2>
        <p class="lead">以下 4 类服务是到期客户最常续期的项目，每一项都可以单独续费，也可以组合续费。</p>
        <div class="grid">
          <details class="svc" id="web-host">
            <summary>
              <svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="2" width="20" height="8" rx="2"/><rect x="2" y="14" width="20" height="8" rx="2"/><line x1="6" y1="6" x2="6.01" y2="6"/><line x1="6" y1="18" x2="6.01" y2="18"/></svg>
              <span>网站托管续期</span>
              <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
            </summary>
            <div class="svc-body">
              <p>服务器、带宽、安全防护和内容更新的年度费用，是网站能否恢复的基础。</p>
              <p class="lbl">续期包含</p>
              <ul>
                <li>服务器资源 1 年使用权</li>
                <li>7×24 监控与故障处理</li>
                <li>安全漏洞修复与木马查杀</li>
                <li>内容代更新与定期备份</li>
              </ul>
              <p class="lbl">服务价值</p>
              <p>稳定在线是 SEO 与搜索排名稳定的前提，防止网站异常导致已获得的排名下跌。</p>
            </div>
          </details>

          <details class="svc" id="website-build">
            <summary>
              <svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
              <span>网站建设续签</span>
              <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
            </summary>
            <div class="svc-body">
              <p>原站功能维护、安全更新与小改版服务，适合已上线、需要持续迭代的网站。</p>
              <p class="lbl">续签包含</p>
              <ul>
                <li>全年安全补丁更新与故障修复</li>
                <li>每年 1-2 次小改版（页面 / 功能）</li>
                <li>技术咨询与对接响应</li>
              </ul>
              <p class="lbl">适合客户</p>
              <ul>
                <li>已有网站正常运营、不想重新做站</li>
                <li>希望持续优化、跟上技术升级</li>
              </ul>
            </div>
          </details>

          <details class="svc" id="seo">
            <summary>
              <svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
              <span>搜索优化（SEO）续签</span>
              <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
            </summary>
            <div class="svc-body">
              <p>关键词排名优化、内容更新与外链建设的年度服务，保证搜索流量持续稳定。</p>
              <p class="lbl">续签包含</p>
              <ul>
                <li>关键词排名跟踪与调整</li>
                <li>每月内容更新与发布</li>
                <li>收录提交与外链建设</li>
                <li>季度效果报告</li>
              </ul>
              <p class="lbl">服务价值</p>
              <p>自然搜索流量稳定可持续，是长期获客成本最低的渠道。</p>
            </div>
          </details>

          <details class="svc" id="enterprise-email">
            <summary>
              <svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
              <span>企业邮箱续期</span>
              <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
            </summary>
            <div class="svc-body">
              <p>域名邮箱账号的年度使用权续约，保证商务往来不中断。</p>
              <p class="lbl">续期包含</p>
              <ul>
                <li>邮箱账号续期 1 年</li>
                <li>反垃圾邮件策略更新</li>
                <li>客户端配置指导</li>
              </ul>
            </div>
          </details>
        </div>
      </section>

      <section aria-labelledby="contact">
        <h2 id="contact">联系方式</h2>
        <p class="warn">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
          紧急恢复请直接拨打电话 <strong>15668412335</strong>，邮件可能存在延迟。
        </p>
        <div class="contact-list" style="margin-top:14px">
          <p class="contact-row">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
            <span>电话：<a href="tel:15668412335">15668412335</a>（7×12 小时在线）</span>
          </p>
          <p class="contact-row">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
            <span>邮箱：<a href="mailto:admin@weimodou.com">admin@weimodou.com</a>（工作日 2 小时内回复）</span>
          </p>
          <p class="contact-row">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            <span>地址：山东省济南市历城区工业北路58号恒大城公寓J栋1521-7</span>
          </p>
          <p class="contact-row">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
            <span>官网：<a href="http://www.modouwangluo.com" rel="nofollow">www.modouwangluo.com</a></span>
          </p>
        </div>
        <div class="cta">
          <a class="btn btn-primary" href="tel:15668412335">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
            立即电话续费
          </a>
          <a class="btn btn-ghost" href="mailto:admin@weimodou.com">邮件续费</a>
        </div>
      </section>

      <section aria-labelledby="faq">
        <h2 id="faq">常见问题</h2>
        <div class="faq">
          <details>
            <summary>为什么网站无法访问？
              <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
            </summary>
            <p class="a">该网站的服务合同已到期，网站已暂停访问。网站所有者办理续费后即可恢复。</p>
          </details>
          <details>
            <summary>如何续费恢复网站？
              <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
            </summary>
            <p class="a">请致电 <a href="tel:15668412335">15668412335</a> 或发送邮件至 <a href="mailto:admin@weimodou.com">admin@weimodou.com</a> 联系山东魔豆网络科技有限公司办理续费。</p>
          </details>
          <details>
            <summary>续费后网站多久可以恢复访问？
              <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
            </summary>
            <p class="a">常规续费在确认付款后 <strong>1-2 小时内</strong> 恢复；涉及域名解析更新的场景最长不超过 24 小时。紧急情况请在来电时说明。</p>
          </details>
          <details>
            <summary>如果不续费会怎样？
              <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
            </summary>
            <p class="a">网站将继续保持暂停状态。我们为到期客户 <strong>保留原始网站数据与配置一定期限</strong>（具体以合同约定为准），在此期间内续费可直接恢复；超过保留期后数据将按公司常规流程处理。</p>
          </details>
          <details>
            <summary>我是该域名的权利人，要求下线本页面怎么办？
              <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
            </summary>
            <p class="a">请发送邮件至 <a href="mailto:admin@weimodou.com">admin@weimodou.com</a> 或致电 15668412335，核实后我们将立即处理。</p>
          </details>
        </div>
      </section>
    </main>
    <footer class="footer">
      <p>如您是当前域名的权利人并要求下线本页面，请联系 <a href="mailto:admin@weimodou.com">admin@weimodou.com</a>，核实后立即处理。</p>
      <p class="data-retention">
        数据保留说明：网站到期后，我们按合同约定保留原始网站数据与配置，保留期内续费可直接恢复；超过保留期后数据将按公司常规流程处理。<br>
        本页面为山东魔豆网络科技有限公司为到期客户提供的服务到期提示，与当前访问域名的所有者无关联。
      </p>
      <p class="copy">&copy; 山东魔豆网络科技有限公司</p>
    </footer>
  </div>
</div>
<button class="top-btn" id="topBtn" type="button" aria-label="返回顶部">
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="18 15 12 9 6 15"/></svg>
</button>
<script>
/* Sticky 续费条的 stuck 视觉 + 深链接 + 全部展开收起（与默认页同逻辑） */
(function () {
  var renewWrap = document.getElementById("renewWrap");
  if (renewWrap && "IntersectionObserver" in window) {
    // 当 hero 顶部离开视口时，给 sticky 条追加 stuck 类加深阴影
    var sentinel = document.createElement("div");
    sentinel.style.cssText = "position:absolute;top:-1px;left:0;height:1px;width:1px;pointer-events:none";
    renewWrap.parentElement.appendChild(sentinel);
    var obs = new IntersectionObserver(function (entries) {
      entries.forEach(function (e) {
        if (e.boundingClientRect.top < 0) renewWrap.classList.add("stuck");
        else renewWrap.classList.remove("stuck");
      });
    }, { rootMargin: "0px", threshold: [0] });
    obs.observe(sentinel);
  }

  /* 深链接：#服务ID 自动展开并定位 */
  function openFromHash() {
    var id = decodeURIComponent(location.hash.slice(1));
    if (!id) return;
    var el = document.getElementById(id);
    if (el && el.tagName === "DETAILS") {
      el.open = true;
      requestAnimationFrame(function () { el.scrollIntoView({ block: "start", behavior: "smooth" }); });
    }
  }
  window.addEventListener("hashchange", openFromHash);
  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", openFromHash);
  else openFromHash();

  /* 返回顶部 */
  var topBtn = document.getElementById("topBtn");
  if (topBtn) {
    window.addEventListener("scroll", function () {
      if (window.scrollY > window.innerHeight) topBtn.classList.add("show");
      else topBtn.classList.remove("show");
    }, { passive: true });
    topBtn.addEventListener("click", function () { window.scrollTo({ top: 0, behavior: "smooth" }); });
  }
})();
</script>
</body>
</html>
