/* ========================================
   海角网 - 海鲜水产养殖技术交流平台
   CSS前缀: hy- (HaiYang)
   主色调: 渔船蓝 #2E5A87
   辅助色: 网绳灰 #8B8B8B / 丰收黄 #FFC107
   Mobile-First 响应式设计
   ======================================== */

/* === CSS Reset & Base === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"Source Han Serif SC","Noto Serif SC","SimSun","STSong",serif;color:#333;background:#f8f9fa;line-height:1.8}
h1,h2,h3,h4,h5,h6{font-family:"Source Han Sans SC","Noto Sans SC","Microsoft YaHei","SimHei",sans-serif;font-weight:700;line-height:1.4;color:#1a1a1a}
a{color:#2E5A87;text-decoration:none;transition:color .3s}
a:hover{color:#FFC107}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}

/* === 渔网格纹理背景 === */
.hy-net-bg{
  background-image:
    linear-gradient(45deg,rgba(46,90,135,.04) 25%,transparent 25%),
    linear-gradient(-45deg,rgba(46,90,135,.04) 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,rgba(46,90,135,.04) 75%),
    linear-gradient(-45deg,transparent 75%,rgba(46,90,135,.04) 75%);
  background-size:40px 40px;
  background-position:0 0,0 20px,20px -20px,-20px 0;
}

/* === 波浪线条装饰 === */
.hy-wave-divider{
  width:100%;height:40px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40'%3E%3Cpath d='M0 20 Q150 0 300 20 T600 20 T900 20 T1200 20 V40 H0 Z' fill='%232E5A87' opacity='0.08'/%3E%3C/svg%3E") repeat-x center;
  background-size:1200px 40px;
}

/* === 容器 === */
.hy-container{
  width:100%;max-width:1440px;margin:0 auto;padding:0 16px;
}

/* === 导航栏 (非fixed/sticky) === */
.hy-header{
  background:#fff;border-bottom:2px solid #2E5A87;position:relative;z-index:100;
}
.hy-nav-wrap{
  display:flex;align-items:center;justify-content:space-between;padding:12px 16px;max-width:1440px;margin:0 auto;
}
.hy-logo{display:flex;align-items:center;gap:8px}
.hy-logo img{height:40px;width:auto}
.hy-logo-text{font-family:"Source Han Sans SC","Noto Sans SC","SimHei",sans-serif;font-size:1.25rem;font-weight:700;color:#2E5A87}
.hy-nav-menu{display:none;gap:4px}
.hy-nav-link{
  display:block;padding:8px 14px;font-size:.9rem;color:#333;font-weight:600;
  font-family:"Source Han Sans SC","Noto Sans SC","SimHei",sans-serif;
  border-bottom:2px solid transparent;transition:all .3s;
}
.hy-nav-link:hover,.hy-nav-link.hy-active{color:#FFC107;border-bottom-color:#FFC107}
.hy-nav-right{display:flex;align-items:center;gap:10px}
.hy-search-box{
  display:none;border:1px solid #ccc;border-radius:20px;padding:6px 14px;font-size:.85rem;
  outline:none;width:160px;transition:border-color .3s;
}
.hy-search-box:focus{border-color:#2E5A87}
.hy-btn-publish{
  display:none;background:#2E5A87;color:#fff;padding:8px 18px;border-radius:4px;
  font-size:.85rem;border:none;cursor:pointer;font-weight:600;transition:background .3s;
}
.hy-btn-publish:hover{background:#1d3e5e}

/* 汉堡菜单 */
.hy-hamburger{
  display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:4px;
}
.hy-hamburger span{display:block;width:26px;height:3px;background:#2E5A87;border-radius:2px;transition:all .3s}
.hy-mobile-menu{
  display:none;flex-direction:column;background:#fff;border-top:1px solid #eee;
  padding:10px 16px;
}
.hy-mobile-menu.hy-open{display:flex}
.hy-mobile-menu .hy-nav-link{padding:12px 0;border-bottom:1px solid #f0f0f0}

/* === Hero Banner 轮播 === */
.hy-hero{
  position:relative;width:100%;height:70vh;min-height:400px;overflow:hidden;background:#1a3a5c;
}
.hy-hero-slides{display:flex;width:300%;height:100%;transition:transform .8s ease}
.hy-hero-slide{
  width:33.333%;height:100%;position:relative;background-size:cover;background-position:center;
}
.hy-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(46,90,135,.75) 0%,rgba(26,58,92,.55) 100%);
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;padding:20px;
}
.hy-hero-title{
  color:#fff;font-size:1.6rem;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.3);
}
.hy-hero-subtitle{color:rgba(255,255,255,.9);font-size:.95rem;margin-bottom:20px;max-width:600px}
.hy-hero-btn{
  display:inline-block;background:#FFC107;color:#1a1a1a;padding:12px 32px;
  border-radius:4px;font-weight:700;font-size:.95rem;transition:all .3s;
  font-family:"Source Han Sans SC","Noto Sans SC","SimHei",sans-serif;
}
.hy-hero-btn:hover{background:#e5ac00;color:#1a1a1a;transform:translateY(-2px)}
.hy-hero-dots{
  position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;
}
.hy-hero-dot{
  width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;
  transition:background .3s;
}
.hy-hero-dot.hy-active{background:#FFC107}

/* === 通用模块标题 === */
.hy-section{padding:40px 0}
.hy-section-header{text-align:center;margin-bottom:30px}
.hy-section-title{font-size:1.5rem;color:#2E5A87;margin-bottom:8px}
.hy-section-desc{color:#8B8B8B;font-size:.9rem}
.hy-section-line{
  width:60px;height:3px;background:#FFC107;margin:12px auto 0;border-radius:2px;
}

/* === 视频区 === */
.hy-video-section{background:#f0f4f8}
.hy-video-grid{display:grid;grid-template-columns:1fr;gap:20px}
.hy-video-card{
  background:#fff;border-radius:8px;overflow:hidden;
  box-shadow:0 2px 12px rgba(46,90,135,.1);transition:transform .3s;
}
.hy-video-card:hover{transform:translateY(-4px)}
.hy-video-thumb{position:relative;cursor:pointer;overflow:hidden;aspect-ratio:16/9}
.hy-video-thumb img{width:100%;height:100%;object-fit:cover}
.hy-video-play-icon{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:56px;height:56px;background:rgba(46,90,135,.85);border-radius:50%;
  display:flex;align-items:center;justify-content:center;transition:background .3s;
}
.hy-video-play-icon::after{
  content:'';display:block;width:0;height:0;
  border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;
  margin-left:4px;
}
.hy-video-card:hover .hy-video-play-icon{background:rgba(255,193,7,.9)}
.hy-video-info{padding:14px}
.hy-video-info h3{font-size:1rem;margin-bottom:6px;color:#1a1a1a}
.hy-video-info p{font-size:.85rem;color:#8B8B8B}

/* 视频模态框 */
.hy-modal{
  display:none;position:fixed;inset:0;z-index:9999;
  background:rgba(0,0,0,.8);align-items:center;justify-content:center;
}
.hy-modal.hy-open{display:flex}
.hy-modal-content{
  position:relative;width:90%;max-width:800px;background:#000;border-radius:8px;overflow:hidden;
}
.hy-modal-close{
  position:absolute;top:10px;right:14px;color:#fff;font-size:1.8rem;cursor:pointer;
  z-index:10;line-height:1;
}
.hy-modal-close:hover{color:#FFC107}
.hy-video-player{width:100%;display:block}

/* === 热门品种 === */
.hy-species-grid{display:grid;grid-template-columns:1fr;gap:20px}
.hy-species-card{
  background:#fff;border-radius:8px;overflow:hidden;
  box-shadow:0 2px 12px rgba(46,90,135,.08);
  display:flex;flex-direction:column;
}
.hy-species-img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hy-species-body{padding:16px}
.hy-species-body h3{font-size:1.05rem;color:#2E5A87;margin-bottom:8px}
.hy-species-body p{font-size:.88rem;color:#555;line-height:1.7}
.hy-species-tag{
  display:inline-block;background:#e8f0f8;color:#2E5A87;padding:3px 10px;
  border-radius:12px;font-size:.75rem;margin-top:8px;
}

/* === 病害自查 === */
.hy-disease-list{display:flex;flex-direction:column;gap:16px}
.hy-disease-item{
  display:flex;gap:16px;background:#fff;border-radius:8px;overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.hy-disease-img{width:120px;min-height:100px;object-fit:cover;flex-shrink:0}
.hy-disease-body{padding:14px;flex:1}
.hy-disease-body h3{font-size:1rem;color:#c0392b;margin-bottom:6px}
.hy-disease-body p{font-size:.85rem;color:#666;line-height:1.7}

/* === 价格指数 === */
.hy-price-section{background:#f0f4f8}
.hy-price-chart{
  background:#fff;border-radius:8px;padding:20px;
  box-shadow:0 2px 12px rgba(46,90,135,.08);overflow-x:auto;
}
.hy-chart-canvas{width:100%;height:260px;position:relative}
.hy-chart-bar-group{display:flex;align-items:flex-end;justify-content:space-around;height:200px;padding-top:20px}
.hy-chart-bar{
  width:40px;background:linear-gradient(180deg,#2E5A87,#4a7fb5);border-radius:4px 4px 0 0;
  position:relative;transition:height .6s;
}
.hy-chart-bar:hover{background:linear-gradient(180deg,#FFC107,#ffdb5c)}
.hy-chart-label{
  text-align:center;font-size:.75rem;color:#8B8B8B;margin-top:8px;
  font-family:"Source Han Sans SC","Noto Sans SC","SimHei",sans-serif;
}
.hy-chart-value{
  position:absolute;top:-22px;left:50%;transform:translateX(-50%);
  font-size:.72rem;color:#2E5A87;font-weight:700;white-space:nowrap;
}
.hy-price-table{width:100%;border-collapse:collapse;margin-top:16px}
.hy-price-table th,.hy-price-table td{padding:10px 12px;text-align:left;font-size:.85rem;border-bottom:1px solid #eee}
.hy-price-table th{background:#2E5A87;color:#fff;font-weight:600}
.hy-price-table tr:hover{background:#f8f9fa}
.hy-price-up{color:#c0392b}
.hy-price-down{color:#27ae60}

/* === 供需滚动墙 === */
.hy-supply-wall{
  background:#fff;border-radius:8px;overflow:hidden;height:320px;
  box-shadow:0 2px 12px rgba(46,90,135,.08);position:relative;
}
.hy-supply-scroll{
  animation:hy-scroll-up 30s linear infinite;
}
.hy-supply-wall:hover .hy-supply-scroll{animation-play-state:paused}
@keyframes hy-scroll-up{
  0%{transform:translateY(0)}
  100%{transform:translateY(-50%)}
}
.hy-supply-item{
  padding:14px 18px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:12px;
}
.hy-supply-tag{
  display:inline-block;padding:2px 10px;border-radius:3px;font-size:.75rem;font-weight:700;
  flex-shrink:0;
}
.hy-supply-tag.hy-sell{background:#e8f5e9;color:#2e7d32}
.hy-supply-tag.hy-buy{background:#fce4ec;color:#c62828}
.hy-supply-text{font-size:.88rem;color:#333;flex:1}
.hy-supply-time{font-size:.75rem;color:#8B8B8B;flex-shrink:0}

/* === 政策解读 === */
.hy-policy-list{display:grid;grid-template-columns:1fr;gap:16px}
.hy-policy-card{
  background:#fff;border-radius:8px;padding:20px;
  box-shadow:0 2px 8px rgba(0,0,0,.06);border-left:4px solid #2E5A87;
}
.hy-policy-card h3{font-size:1rem;color:#2E5A87;margin-bottom:8px}
.hy-policy-card p{font-size:.85rem;color:#666;line-height:1.7}
.hy-policy-date{font-size:.78rem;color:#8B8B8B;margin-top:8px}

/* === 工具推荐 === */
.hy-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hy-tool-card{
  background:#fff;border-radius:8px;overflow:hidden;text-align:center;
  box-shadow:0 2px 8px rgba(0,0,0,.06);padding:20px 14px;
}
.hy-tool-card img{width:80px;height:80px;object-fit:contain;margin:0 auto 12px}
.hy-tool-card h3{font-size:.95rem;color:#1a1a1a;margin-bottom:6px}
.hy-tool-card p{font-size:.8rem;color:#8B8B8B}

/* === 页脚 === */
.hy-footer{background:#1a2a3a;color:#ccc;padding:40px 0 0}
.hy-footer-grid{display:grid;grid-template-columns:1fr;gap:30px;padding-bottom:30px}
.hy-footer-col h4{
  color:#FFC107;font-size:1rem;margin-bottom:14px;
  padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);
}
.hy-footer-col p,.hy-footer-col li{font-size:.85rem;line-height:2;color:#aaa}
.hy-footer-col a{color:#aaa;transition:color .3s}
.hy-footer-col a:hover{color:#FFC107}
.hy-honor-list{display:flex;flex-direction:column;gap:8px}
.hy-honor-item{
  display:flex;align-items:center;gap:8px;font-size:.82rem;color:#ccc;
}
.hy-honor-icon{font-size:1.1rem}
.hy-footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);padding:20px 0;text-align:center;
}
.hy-footer-bottom p{font-size:.8rem;color:#888;line-height:1.8}
.hy-auth-number{color:#FFC107;font-weight:700}

/* === 面包屑 === */
.hy-breadcrumb{padding:14px 0;font-size:.85rem;color:#8B8B8B}
.hy-breadcrumb a{color:#2E5A87}
.hy-breadcrumb a:hover{color:#FFC107}
.hy-breadcrumb span{margin:0 6px;color:#ccc}

/* === 内页通用 === */
.hy-page-banner{
  background:linear-gradient(135deg,#2E5A87 0%,#1a3a5c 100%);
  padding:50px 0;text-align:center;color:#fff;
}
.hy-page-banner h1{font-size:1.6rem;margin-bottom:8px}
.hy-page-banner p{font-size:.9rem;color:rgba(255,255,255,.8)}
.hy-content-wrap{padding:30px 0}
.hy-article{
  background:#fff;border-radius:8px;padding:24px;
  box-shadow:0 2px 12px rgba(0,0,0,.06);line-height:2;
}
.hy-article h2{font-size:1.3rem;color:#2E5A87;margin:24px 0 12px;padding-left:12px;border-left:4px solid #FFC107}
.hy-article h3{font-size:1.1rem;color:#333;margin:18px 0 10px}
.hy-article p{margin-bottom:14px;text-indent:2em;font-size:.92rem;color:#444}
.hy-article-img{
  margin:20px 0;border-radius:6px;overflow:hidden;
}
.hy-article-img img{width:100%}

/* === 供需平台页 === */
.hy-filter-bar{
  background:#fff;border-radius:8px;padding:16px;margin-bottom:20px;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;
}
.hy-filter-select{
  padding:8px 14px;border:1px solid #ddd;border-radius:4px;font-size:.85rem;
  background:#fff;color:#333;outline:none;
}
.hy-filter-select:focus{border-color:#2E5A87}
.hy-gongxu-list{display:grid;grid-template-columns:1fr;gap:16px}
.hy-gongxu-card{
  background:#fff;border-radius:8px;padding:18px;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.hy-gongxu-card h3{font-size:1rem;color:#1a1a1a;margin-bottom:8px}
.hy-gongxu-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.82rem;color:#8B8B8B;margin-bottom:8px}
.hy-gongxu-desc{font-size:.88rem;color:#555;line-height:1.7}

/* 发布表单模态框 */
.hy-form-modal{
  display:none;position:fixed;inset:0;z-index:9999;
  background:rgba(0,0,0,.6);align-items:center;justify-content:center;
}
.hy-form-modal.hy-open{display:flex}
.hy-form-wrap{
  background:#fff;border-radius:8px;padding:28px;width:90%;max-width:560px;
  max-height:90vh;overflow-y:auto;
}
.hy-form-wrap h2{font-size:1.2rem;color:#2E5A87;margin-bottom:18px;text-align:center}
.hy-form-group{margin-bottom:14px}
.hy-form-group label{display:block;font-size:.88rem;color:#333;margin-bottom:4px;font-weight:600}
.hy-form-group input,.hy-form-group select,.hy-form-group textarea{
  width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:.88rem;
  outline:none;transition:border-color .3s;
}
.hy-form-group input:focus,.hy-form-group select:focus,.hy-form-group textarea:focus{border-color:#2E5A87}
.hy-form-group textarea{resize:vertical;min-height:80px}
.hy-form-submit{
  width:100%;background:#2E5A87;color:#fff;padding:12px;border:none;border-radius:4px;
  font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s;
}
.hy-form-submit:hover{background:#1d3e5e}
.hy-form-close{
  position:absolute;top:12px;right:16px;font-size:1.5rem;cursor:pointer;color:#999;
}
.hy-form-close:hover{color:#333}

/* === APP下载页 === */
.hy-app-hero{
  background:linear-gradient(135deg,#2E5A87 0%,#1a3a5c 100%);
  padding:60px 0;text-align:center;color:#fff;
}
.hy-app-hero h1{font-size:1.8rem;margin-bottom:12px}
.hy-app-hero p{font-size:1rem;color:rgba(255,255,255,.85);margin-bottom:30px;max-width:500px;margin-left:auto;margin-right:auto}
.hy-app-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hy-app-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 28px;border-radius:8px;font-size:.95rem;font-weight:700;
  transition:all .3s;cursor:pointer;border:2px solid transparent;
}
.hy-app-btn.hy-ios{background:#fff;color:#2E5A87}
.hy-app-btn.hy-ios:hover{background:transparent;color:#fff;border-color:#fff}
.hy-app-btn.hy-android{background:#FFC107;color:#1a1a1a}
.hy-app-btn.hy-android:hover{background:#e5ac00}
/* 水波纹动画 */
.hy-app-btn{position:relative;overflow:hidden}
.hy-app-btn::after{
  content:'';position:absolute;top:50%;left:50%;width:0;height:0;
  background:rgba(255,255,255,.3);border-radius:50%;
  transform:translate(-50%,-50%);transition:width .6s,height .6s;
}
.hy-app-btn:active::after{width:300px;height:300px}

.hy-app-features{padding:50px 0}
.hy-app-feature-grid{display:grid;grid-template-columns:1fr;gap:24px}
.hy-app-feature-card{
  background:#fff;border-radius:8px;padding:24px;text-align:center;
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}
.hy-app-feature-card img{width:100%;max-width:280px;margin:0 auto 16px;border-radius:8px}
.hy-app-feature-card h3{font-size:1.05rem;color:#2E5A87;margin-bottom:8px}
.hy-app-feature-card p{font-size:.88rem;color:#666}

/* === 通用按钮 === */
.hy-btn{
  display:inline-block;padding:10px 24px;border-radius:4px;font-weight:700;
  font-size:.9rem;transition:all .3s;cursor:pointer;border:none;
  font-family:"Source Han Sans SC","Noto Sans SC","SimHei",sans-serif;
}
.hy-btn-primary{background:#2E5A87;color:#fff}
.hy-btn-primary:hover{background:#1d3e5e;color:#fff}
.hy-btn-warning{background:#FFC107;color:#1a1a1a}
.hy-btn-warning:hover{background:#e5ac00}

/* === 内链样式 === */
.hy-inline-link{color:#2E5A87;border-bottom:1px dashed #2E5A87;font-weight:600}
.hy-inline-link:hover{color:#FFC107;border-bottom-color:#FFC107}

/* === 响应式断点 === */

/* 320px+ (默认移动端) - 已在上方基础样式中定义 */

/* 768px+ 平板 */
@media(min-width:768px){
  .hy-container{padding:0 24px}
  .hy-nav-menu{display:flex;flex-wrap:wrap}
  .hy-hamburger{display:none}
  .hy-search-box{display:block}
  .hy-btn-publish{display:block}
  .hy-hero-title{font-size:2rem}
  .hy-hero-subtitle{font-size:1.1rem}
  .hy-video-grid{grid-template-columns:repeat(2,1fr)}
  .hy-species-grid{grid-template-columns:repeat(2,1fr)}
  .hy-species-card{flex-direction:row}
  .hy-species-img{width:200px;aspect-ratio:auto}
  .hy-disease-img{width:180px}
  .hy-policy-list{grid-template-columns:repeat(2,1fr)}
  .hy-tools-grid{grid-template-columns:repeat(3,1fr)}
  .hy-footer-grid{grid-template-columns:repeat(2,1fr)}
  .hy-gongxu-list{grid-template-columns:repeat(2,1fr)}
  .hy-section-title{font-size:1.7rem}
  .hy-app-feature-grid{grid-template-columns:repeat(2,1fr)}
}

/* 1024px+ 小桌面 */
@media(min-width:1024px){
  .hy-container{padding:0 32px}
  .hy-nav-link{padding:8px 18px;font-size:.92rem}
  .hy-search-box{width:200px}
  .hy-hero-title{font-size:2.4rem}
  .hy-video-grid{grid-template-columns:repeat(3,1fr)}
  .hy-species-grid{grid-template-columns:repeat(2,1fr)}
  .hy-footer-grid{grid-template-columns:repeat(4,1fr)}
  .hy-tools-grid{grid-template-columns:repeat(4,1fr)}
  .hy-app-feature-grid{grid-template-columns:repeat(3,1fr)}
}

/* 1440px+ 大桌面 */
@media(min-width:1440px){
  .hy-container{padding:0 40px}
  .hy-hero-title{font-size:2.8rem}
  .hy-section{padding:60px 0}
  .hy-species-grid{grid-template-columns:repeat(3,1fr)}
}

/* === 锚点图标 (船锚SVG) === */
.hy-anchor-icon{
  display:inline-block;width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232E5A87'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3c0 1.3.84 2.4 2 2.82V9H9v2h2v8.92A8.01 8.01 0 0 1 4.07 13H6v-2H2v2h.1A10 10 0 0 0 12 22a10 10 0 0 0 9.9-9H22v-2h-4v2h1.93A8.01 8.01 0 0 1 13 19.92V11h2V9h-2V7.82A3 3 0 0 0 12 2zm0 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E") no-repeat center;
  background-size:contain;vertical-align:middle;
}

/* === 麻绳装饰线 === */
.hy-rope-line{
  height:6px;
  background:repeating-linear-gradient(90deg,#c4a35a 0,#c4a35a 10px,#b8943f 10px,#b8943f 20px);
  border-radius:3px;margin:20px 0;opacity:.4;
}

/* === 提示框 === */
.hy-toast{
  display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);
  background:#2E5A87;color:#fff;padding:20px 36px;border-radius:8px;
  font-size:1rem;z-index:10000;box-shadow:0 4px 20px rgba(0,0,0,.3);
  text-align:center;
}
.hy-toast.hy-show{display:block;animation:hy-fade-in .3s}
@keyframes hy-fade-in{from{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}