*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:#1e293b;background:#f1f5f9;line-height:1.7;overflow-x:hidden}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.ml-top{background:#0f172a;color:#94a3b8;padding:6px 0;font-size:13px}
.ml-top .container{display:flex;justify-content:space-between;align-items:center}
.ml-toptel{color:#38bdf8;text-decoration:none}
.ml-header{background:#fff;box-shadow:0 2px 12px rgba(15,23,42,0.06);position:sticky;top:0;z-index:999}
.ml-head{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.ml-logo{font-size:22px;font-weight:700;color:#0369a1;text-decoration:none;letter-spacing:1px}
.ml-nav{display:flex;gap:2px;align-items:center}
.ml-nav a{padding:8px 12px;text-decoration:none;color:#334155;font-size:14px;border-radius:4px;transition:all .3s}
.ml-nav a:hover{background:#e0f2fe;color:#0369a1}
.ml-btnnav{background:#0369a1;color:#fff!important}
.ml-btnnav:hover{background:#075985!important;color:#fff!important}
.ml-toggle,.ml-close{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#0369a1}
.ml-close{position:absolute;top:20px;right:20px}
.ml-hero{padding:90px 0;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#0369a1 100%);color:#fff;position:relative;overflow:hidden}
.ml-hero::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(56,189,248,0.15),transparent 70%);border-radius:50%}
.ml-heroc{max-width:640px;position:relative;z-index:2}
.ml-herotag{display:inline-block;padding:6px 16px;border:1px solid rgba(125,211,252,0.4);background:rgba(56,189,248,0.1);color:#7dd3fc;border-radius:2px;font-size:13px;letter-spacing:2px;margin-bottom:24px}
.ml-herotitle{font-size:42px;font-weight:700;line-height:1.3;margin-bottom:20px}
.ml-herosub{font-size:16px;color:#cbd5e1;line-height:1.85;margin-bottom:36px}
.ml-herostats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px}
.ml-stat{border-left:3px solid #38bdf8;padding-left:14px}
.ml-statnum{font-size:28px;font-weight:700;color:#7dd3fc;line-height:1;display:block}
.ml-statlabel{font-size:13px;color:#94a3b8;margin-top:6px;display:block}
.ml-herobtns{display:flex;gap:14px;flex-wrap:wrap}
.ml-btn{padding:12px 28px;border-radius:4px;text-decoration:none;font-weight:500;font-size:15px;transition:all .3s;display:inline-block;letter-spacing:1px}
.ml-btnprimary{background:#0ea5e9;color:#fff}
.ml-btnprimary:hover{background:#0284c7;transform:translateY(-2px);box-shadow:0 8px 20px rgba(14,165,233,0.3)}
.ml-btnoutline{border:1px solid #38bdf8;color:#7dd3fc;background:transparent}
.ml-btnoutline:hover{background:rgba(56,189,248,0.1)}
h2{font-size:30px;font-weight:700;text-align:center;margin-bottom:14px;color:#0f172a;letter-spacing:2px}
.ml-sub{text-align:center;color:#64748b;font-size:15px;margin-bottom:50px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8}
.ml-about{padding:80px 0;background:#fff}
.ml-aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.ml-abouttext h2{text-align:left}
.ml-abouttext > p{font-size:15px;color:#475569;line-height:1.9;margin-bottom:16px}
.ml-aboutpoints{margin-top:24px}
.ml-point{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #e2e8f0}
.ml-pointico{width:36px;height:36px;background:#e0f2fe;color:#0369a1;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.ml-point h4{font-size:15px;color:#0f172a;margin-bottom:4px}
.ml-point p{font-size:13px;color:#64748b;line-height:1.7}
.ml-aboutimg{position:relative}
.ml-aboutimg img{width:100%;border-radius:8px;box-shadow:0 20px 40px rgba(15,23,42,0.1)}
.ml-cause{padding:80px 0;background:#f8fafc}
.ml-causegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ml-causecard{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px;transition:all .3s;position:relative;overflow:hidden}
.ml-causecard::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:#0ea5e9;transform:scaleX(0);transition:transform .3s;transform-origin:left}
.ml-causecard:hover{box-shadow:0 12px 24px rgba(15,23,42,0.08);transform:translateY(-4px)}
.ml-causecard:hover::before{transform:scaleX(1)}
.ml-causeico{font-size:32px;margin-bottom:14px}
.ml-causecard h3{font-size:16px;color:#0f172a;margin-bottom:10px}
.ml-causecard p{font-size:13px;color:#64748b;line-height:1.75;margin-bottom:10px}
.ml-causecard ul{list-style:none;padding:0}
.ml-causecard li{font-size:12px;color:#475569;padding:3px 0;border-top:1px solid #f1f5f9}
.ml-exam{padding:80px 0;background:#fff}
.ml-examflow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative;margin-bottom:40px}
.ml-examstep{text-align:center;padding:20px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;transition:all .3s;position:relative}
.ml-examstep:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:#38bdf8;font-weight:700;z-index:2}
.ml-examstep:hover{background:#0369a1;color:#fff;border-color:#0369a1;transform:translateY(-4px)}
.ml-examstep:hover .ml-examnum{background:#fff;color:#0369a1}
.ml-examnum{width:32px;height:32px;background:#0ea5e9;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-weight:700;font-size:14px}
.ml-examstep h4{font-size:14px;margin-bottom:6px}
.ml-examstep p{font-size:12px;opacity:0.8;line-height:1.6}
.ml-examdetail{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ml-excard{padding:24px;background:#f8fafc;border-left:4px solid #0ea5e9;border-radius:4px}
.ml-excard h4{font-size:15px;color:#0f172a;margin-bottom:8px}
.ml-excard p{font-size:13px;color:#64748b;line-height:1.75}
.ml-excard span{display:inline-block;padding:2px 8px;background:#e0f2fe;color:#0369a1;border-radius:2px;font-size:11px;margin-right:4px;margin-top:8px}
.ml-treat{padding:80px 0;background:#f8fafc}
.ml-treattab{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ml-treatcard{background:#fff;border-radius:8px;overflow:hidden;transition:all .3s;border:1px solid #e2e8f0}
.ml-treatcard:hover{box-shadow:0 16px 32px rgba(15,23,42,0.08);transform:translateY(-6px)}
.ml-treathead{padding:24px;background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff}
.ml-treathead h3{font-size:18px;margin-bottom:6px}
.ml-treathead p{font-size:13px;opacity:0.9}
.ml-treatbody{padding:24px}
.ml-treatbody ul{list-style:none;padding:0}
.ml-treatbody li{padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:14px;color:#475569;display:flex;gap:10px;align-items:flex-start}
.ml-treatbody li::before{content:'▸';color:#0ea5e9;flex-shrink:0}
.ml-sperm{padding:80px 0;background:#fff}
.ml-spermwrap{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;padding:40px}
.ml-spermgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}
.ml-spermcard{background:#fff;border-radius:8px;padding:24px;text-align:center;box-shadow:0 4px 12px rgba(3,105,161,0.08)}
.ml-spermval{font-size:32px;font-weight:700;color:#0369a1;line-height:1;display:block;margin-bottom:6px}
.ml-spermidx{font-size:14px;color:#0f172a;font-weight:500;margin-bottom:6px}
.ml-spermdesc{font-size:12px;color:#64748b;line-height:1.6}
.ml-spermtip{margin-top:24px;padding:16px;background:#fff;border-left:4px solid #f59e0b;border-radius:0 6px 6px 0;font-size:13px;color:#475569;line-height:1.8}
.ml-varico{padding:80px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}
.ml-varicogrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ml-varicoitems{display:flex;flex-direction:column;gap:20px}
.ml-varicoitem{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 12px rgba(15,23,42,0.05);border-left:4px solid #0ea5e9}
.ml-varicoitem h4{font-size:16px;color:#0f172a;margin-bottom:8px}
.ml-varicoitem p{font-size:14px;color:#475569;line-height:1.8}
.ml-varicoright h2{text-align:left}
.ml-varicoright > p{font-size:15px;color:#475569;line-height:1.9;margin-bottom:20px}
.ml-lifestyle{padding:80px 0;background:#fff}
.ml-lifegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ml-lifecard{padding:28px;background:#f8fafc;border-radius:8px;border-top:4px solid #0ea5e9;transition:all .3s}
.ml-lifecard:hover{box-shadow:0 12px 24px rgba(15,23,42,0.08);transform:translateY(-4px)}
.ml-lifeico{font-size:36px;margin-bottom:14px}
.ml-lifecard h3{font-size:17px;color:#0f172a;margin-bottom:10px}
.ml-lifecard p{font-size:14px;color:#475569;line-height:1.8;margin-bottom:12px}
.ml-lifecard ul{list-style:none;padding:0}
.ml-lifecard li{font-size:13px;color:#64748b;padding:4px 0}
.ml-news{padding:80px 0;background:#f8fafc}
ul.article-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;list-style:none;margin:0;padding:0;width:100%;box-sizing:border-box}
ul.article-cards > li.article-card{min-width:0;width:auto;max-width:none;margin:0;float:none;box-sizing:border-box;background:#fff;border-radius:8px;overflow:hidden;transition:all .3s;border:1px solid #e2e8f0}
ul.article-cards > li.article-card:hover{box-shadow:0 12px 24px rgba(15,23,42,0.08);transform:translateY(-4px)}
.article-card .card-thumb{width:100%;overflow:hidden;height:170px}
.article-card .card-thumb img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}
.article-card .card-title{overflow-wrap:anywhere;font-size:15px;font-weight:500;color:#0f172a;margin:16px 18px 8px;line-height:1.5}
.article-card .card-date{display:block;font-size:12px;color:#0ea5e9;margin:0 18px 10px}
.article-card .card-summary{overflow-wrap:anywhere;font-size:13px;color:#64748b;margin:0 18px 18px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ml-contact{padding:80px 0;background:#0f172a;color:#cbd5e1}
.ml-contact h2{color:#fff}
.ml-contact .ml-sub{color:#94a3b8}
.ml-contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.ml-conbox h3{font-size:22px;color:#fff;margin-bottom:16px}
.ml-conbox > p{font-size:15px;line-height:1.85;margin-bottom:28px;color:#94a3b8}
.ml-conitem{display:flex;gap:16px;padding:18px;background:rgba(255,255,255,0.05);border-left:3px solid #38bdf8;border-radius:0 6px 6px 0;margin-bottom:14px}
.ml-conico{width:44px;height:44px;background:#0ea5e9;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}
.ml-conitem h4{font-size:15px;color:#fff;margin-bottom:4px}
.ml-conitem p{font-size:14px;color:#94a3b8}
.ml-conitem a{color:#38bdf8;text-decoration:none}
.ml-form{background:rgba(255,255,255,0.05);padding:32px;border-radius:8px;border:1px solid rgba(255,255,255,0.1)}
.ml-formgroup{margin-bottom:14px}
.ml-formgroup label{display:block;font-size:14px;color:#cbd5e1;margin-bottom:6px}
.ml-formgroup input,.ml-formgroup select,.ml-formgroup textarea{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;font-size:14px;background:rgba(255,255,255,0.05);color:#fff;transition:all .3s}
.ml-formgroup input::placeholder,.ml-formgroup textarea::placeholder{color:#64748b}
.ml-formgroup input:focus,.ml-formgroup select:focus,.ml-formgroup textarea:focus{outline:none;border-color:#38bdf8;background:rgba(255,255,255,0.1)}
.ml-formgroup select option{background:#0f172a;color:#fff}
.ml-formgroup textarea{height:100px;resize:vertical}
.ml-submit{width:100%;padding:12px;background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff;border:none;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s;letter-spacing:1px}
.ml-submit:hover{background:linear-gradient(135deg,#0284c7,#075985)}
.ml-footer{background:#020617;color:#64748b;padding:50px 0 20px}
.ml-footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:32px;margin-bottom:32px}
.ml-footcol h3{color:#e2e8f0;font-size:18px;margin-bottom:14px}
.ml-footcol h4{color:#e2e8f0;font-size:15px;margin-bottom:14px}
.ml-footcol p{font-size:14px;line-height:1.8;margin-bottom:16px}
.ml-footcol a{display:block;color:#64748b;text-decoration:none;font-size:13px;padding:4px 0;transition:all .3s}
.ml-footcol a:hover{color:#38bdf8}
.ml-ftel{color:#38bdf8!important;font-size:15px;font-weight:500}
.ml-grouplinks{border-top:1px solid rgba(255,255,255,0.08);padding-top:20px;margin-bottom:20px;font-size:13px}
.ml-grouplinks a{color:#64748b;text-decoration:none;margin:0 10px 6px 0;display:inline-block}
.ml-grouplinks a:hover{color:#38bdf8}
.ml-copy{text-align:center;font-size:12px;opacity:0.6;border-top:1px solid rgba(255,255,255,0.08);padding-top:20px}
.ml-scroll{opacity:0;transform:translateY(24px);transition:all .6s}
.ml-scroll.visible{opacity:1;transform:translateY(0)}
.ml-article{padding:40px 0 70px}
.ml-artbox{max-width:800px;margin:0 auto}
.ml-arthead{margin-bottom:28px}
.ml-tags{margin-bottom:12px}
.ml-tag{padding:2px 10px;background:#e0f2fe;color:#0369a1;border-radius:2px;font-size:12px;margin-right:6px}
.ml-arthead h1{font-size:28px;color:#0f172a;margin-bottom:12px;line-height:1.4;font-weight:700}
.ml-artmeta{display:flex;gap:14px;font-size:13px;color:#94a3b8}
.ml-artabs{font-size:15px;color:#334155;line-height:1.85;padding:18px;background:#f0f9ff;border-left:3px solid #0ea5e9;border-radius:0 6px 6px 0;margin-top:16px}
.ml-artcover{margin-bottom:28px;border-radius:8px;overflow:hidden}
.ml-artcover img{width:100%;display:block}
.ml-artbody p{margin-bottom:18px;font-size:15px;line-height:1.85;color:#334155}
.ml-artbody h2{font-size:21px;margin:28px 0 14px;text-align:left}
.ml-artbody h3{font-size:17px;margin:22px 0 10px;color:#0f172a}
.ml-artbody img{max-width:100%;border-radius:6px;margin:18px 0}
.ml-disclaim{margin:36px 0;padding:20px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}
.ml-disclaim h4{font-weight:700;color:#dc2626;margin-bottom:8px;font-size:15px}
.ml-disclaim p{font-size:13px;color:#991b1b;line-height:1.8}
.ml-artnav{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ml-back,.ml-call{padding:10px 22px;border-radius:4px;text-decoration:none;font-size:14px;transition:all .3s}
.ml-back{border:1px solid #0ea5e9;color:#0ea5e9}
.ml-back:hover{background:#0ea5e9;color:#fff}
.ml-call{background:#0369a1;color:#fff}
.ml-call:hover{background:#075985}
.ml-cta{padding:60px 0;background:linear-gradient(135deg,#0f172a,#1e3a8a);text-align:center;color:#fff}
.ml-cta h2{color:#fff;margin-bottom:10px}
.ml-cta p{font-size:15px;color:#cbd5e1;margin-bottom:28px}
.ml-ctabtn{display:inline-block;padding:14px 36px;background:#0ea5e9;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;font-size:16px;transition:all .3s;letter-spacing:1px}
.ml-ctabtn:hover{background:#0284c7;transform:translateY(-2px);box-shadow:0 8px 24px rgba(14,165,233,0.4)}
@media (max-width:1024px){
  .ml-causegrid{grid-template-columns:repeat(2,1fr)}
  .ml-examflow{grid-template-columns:repeat(2,1fr);gap:30px}
  .ml-examstep:not(:last-child)::after{display:none}
  .ml-examdetail{grid-template-columns:1fr}
  .ml-treattab{grid-template-columns:1fr}
  .ml-spermgrid{grid-template-columns:repeat(2,1fr)}
  .ml-varicogrid{grid-template-columns:1fr}
  .ml-lifegrid{grid-template-columns:1fr}
  .ml-aboutgrid{grid-template-columns:1fr}
  .ml-contactgrid{grid-template-columns:1fr}
  .ml-footgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .ml-top{display:none}
  .ml-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;flex-direction:column;padding:60px 20px 20px;z-index:1001}
  .ml-nav.open{display:flex}
  .ml-nav a{padding:14px 0;border-bottom:1px solid #e2e8f0;width:100%;border-radius:0}
  .ml-toggle{display:block}
  .ml-close{display:block}
  .ml-hero{padding:60px 0}
  .ml-herotitle{font-size:28px}
  .ml-herostats{grid-template-columns:1fr}
  .ml-causegrid{grid-template-columns:1fr}
  .ml-spermgrid{grid-template-columns:1fr}
  .ml-footgrid{grid-template-columns:1fr}
  .ml-herobtns{flex-direction:column}
  .ml-btn{text-align:center}
  h2{font-size:24px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}