/* =========================================================
   cywebdh 主题授权中心插件样式
   迁移自主题 css/style.css：购买/绑定/下载弹窗 + 个人中心授权卡
   + 销售页 /buy/（.io-buy-page）+ 夜间模式（body.io-black-mode）
   弹窗骨架复用主题的 .uc-vip-modal 系列样式（主题 style.css 提供）
   ========================================================= */

/* =========================================================
   主题授权（购买/绑定弹窗 + 个人中心授权卡 + 销售页 /buy/）
   ========================================================= */

/* ── 授权购买弹窗：价格框 / 授权位提示（复用 .uc-vip-modal） ── */
.io-tauth-price-box{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;padding:14px;border-radius:12px;background:linear-gradient(135deg,#eef4ff,#f5f0fa);border:1px solid rgba(47,111,228,.15)}
.io-tauth-price-label{font-size:13px;color:#666}
.io-tauth-price-num{font-size:26px;font-weight:800;background:linear-gradient(135deg,#2f6fe4,#667eea);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.io-tauth-price-tag{font-size:11px;padding:2px 8px;border-radius:8px;background:#e9edf5;color:#7a869a;font-weight:600}
.io-tauth-price-tag.vip{background:linear-gradient(135deg,#f7b733,#e6a23c);color:#fff}
.io-tauth-slots-tip{text-align:center;font-size:12px;color:#888;margin-bottom:16px}
.io-tauth-slots-tip b{color:#2f6fe4}
/* 绑定/替换域名弹窗 */
.io-tauth-bind-body{margin-bottom:18px}
.io-tauth-bind-label{display:block;font-size:13px;color:#555;font-weight:600;margin-bottom:8px}
.io-tauth-bind-input{width:100%;box-sizing:border-box;padding:12px 14px;border:2px solid #eee;border-radius:10px;font-size:15px;color:#222;background:#fafbfc;transition:border-color .18s,background .18s;font-family:Consolas,Monaco,monospace}
.io-tauth-bind-input:focus{outline:none;border-color:#2f6fe4;background:#fff}
.io-tauth-bind-hint{font-size:11px;color:#999;line-height:1.7;margin:10px 0 0}
.io-tauth-bind-hint code{background:#eef1f6;padding:1px 5px;border-radius:4px;color:#2f6fe4;font-size:11px}
.io-tauth-bind-hint b{color:#22b07d}

/* ── 个人中心：我的主题授权卡 ── */
.uc-card-auth .uc-auth-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.uc-card-auth .uc-auth-head .uc-card-title{margin-bottom:0}
.uc-auth-count{font-size:12px;color:#999}
.uc-auth-count b{color:#2f6fe4}
.uc-auth-empty{display:flex;align-items:center;gap:14px;padding:6px 0}
.uc-auth-empty-icon{font-size:32px;line-height:1;flex:none}
.uc-auth-empty-text{flex:1;min-width:0}
.uc-auth-empty-text b{display:block;font-size:14px;color:#444;margin-bottom:4px}
.uc-auth-empty-text span{display:block;font-size:12px;color:#999;line-height:1.6}
.uc-auth-buy-btn{flex:none;display:inline-flex;align-items:center;gap:4px;padding:9px 16px;border-radius:20px;background:linear-gradient(135deg,#2f6fe4,#5b8def);color:#fff;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity .2s,transform .2s;box-shadow:0 4px 14px rgba(47,111,228,.28)}
.uc-auth-buy-btn:hover{opacity:.92;transform:translateY(-1px);color:#fff;text-decoration:none}
.uc-auth-buy-btn.ghost{background:rgba(47,111,228,.1);color:#2f6fe4;box-shadow:none}
.uc-auth-buy-btn.small{padding:7px 14px;font-size:12px}
.uc-auth-buy-btn.dl{background:linear-gradient(135deg,#22b07d,#3ec795);box-shadow:0 4px 14px rgba(34,176,125,.28)}
.uc-auth-buy-btn.dl:hover{color:#fff}
.uc-auth-buy-btn .iconfont{font-size:14px;line-height:1}
.uc-auth-list{display:flex;flex-direction:column;gap:10px}
.uc-auth-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(34,176,125,.06);border:1px solid rgba(34,176,125,.18)}
.uc-auth-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.uc-auth-domain{font-family:Consolas,Monaco,monospace;font-size:15px;font-weight:700;color:#22b07d;word-break:break-all}
.uc-auth-www{font-family:Consolas,Monaco,monospace;font-size:12px;color:#8a93a3}
.uc-auth-time{font-size:11px;color:#bbb}
.uc-auth-item-ops{flex:none;display:flex;gap:6px}
.uc-auth-op{padding:5px 12px;border-radius:8px;border:1px solid #dfe3ea;background:#fff;color:#555;font-size:12px;cursor:pointer;transition:all .18s}
.uc-auth-op:hover{border-color:#2f6fe4;color:#2f6fe4;background:#eef4ff}
.uc-auth-op.danger:hover{border-color:#f1404b;color:#f1404b;background:#fff0f0}
.uc-auth-nobind{padding:14px;text-align:center;font-size:13px;color:#888;background:rgba(47,111,228,.05);border:1px dashed rgba(47,111,228,.3);border-radius:10px;line-height:1.7}
.uc-auth-nobind b{color:#2f6fe4}
.uc-auth-slot-empty{margin-top:10px}
.uc-auth-bind-btn{width:100%;padding:11px;border-radius:10px;border:1px dashed rgba(47,111,228,.4);background:rgba(47,111,228,.04);color:#2f6fe4;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s}
.uc-auth-bind-btn:hover{background:rgba(47,111,228,.1);border-color:#2f6fe4}
.uc-auth-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.uc-auth-link{font-size:12px;color:#999;text-decoration:none;margin-left:auto}
.uc-auth-link:hover{color:#2f6fe4;text-decoration:none}
/* ── 下载源码弹窗（复用 .uc-vip-modal） ── */
.io-tauth-down-list{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}
.io-tauth-down-item{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:12px;background:rgba(34,176,125,.06);border:1px solid rgba(34,176,125,.2);text-decoration:none;transition:transform .18s,border-color .18s,background .18s}
.io-tauth-down-item:hover{border-color:#22b07d;background:rgba(34,176,125,.12);transform:translateY(-1px);text-decoration:none}
.io-tauth-down-ico{flex:none;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22b07d,#3ec795);color:#fff;font-size:18px}
.io-tauth-down-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.io-tauth-down-name{font-size:14px;font-weight:700;color:#333;word-break:break-all}
.io-tauth-down-pwd{font-size:12px;color:#999}
.io-tauth-down-pwd b{color:#e6a23c;font-family:Consolas,Monaco,monospace;letter-spacing:1px}
.io-tauth-down-btn{flex:none;padding:7px 16px;border-radius:18px;background:linear-gradient(135deg,#2f6fe4,#5b8def);color:#fff;font-size:13px;font-weight:600}
body.io-black-mode .io-tauth-down-item{background:rgba(34,176,125,.1);border-color:rgba(34,176,125,.28)}
body.io-black-mode .io-tauth-down-item:hover{background:rgba(34,176,125,.18)}
body.io-black-mode .io-tauth-down-name{color:#f0f2f5}
body.io-black-mode .io-tauth-down-pwd{color:#8a93a3}

/* =========================================================
   主题销售页 /buy/ — .io-buy-page
   ========================================================= */
.io-buy-page{width:100%;max-width:1140px;margin:0 auto;padding:0 20px 3rem;box-sizing:border-box;color:#333}
.io-buy-hero{margin-top:20px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,rgba(102,126,234,.92) 0%,rgba(118,75,162,.9) 55%,rgba(240,147,251,.9) 100%);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.28);box-shadow:0 16px 48px -12px rgba(102,126,234,.55),inset 0 1px 0 rgba(255,255,255,.4);color:#fff}
.io-buy-hero-inner{display:flex;align-items:center;gap:36px;padding:48px 44px;flex-wrap:wrap}
.io-buy-hero-text{flex:1 1 380px;min-width:0}
.io-buy-hero-badge{display:inline-block;padding:5px 14px;border-radius:16px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.32);font-size:12px;font-weight:600;backdrop-filter:blur(6px);margin-bottom:16px}
.io-buy-hero-title{font-size:38px;font-weight:800;line-height:1.2;margin:0 0 14px;text-shadow:0 2px 10px rgba(0,0,0,.15)}
.io-buy-hero-sub{font-size:15px;line-height:1.85;opacity:.94;margin:0 0 24px;max-width:560px}
.io-buy-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.io-buy-btn{display:inline-flex;align-items:center;gap:6px;padding:13px 28px;border-radius:26px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;cursor:pointer;border:none}
.io-buy-btn:hover{transform:translateY(-2px);text-decoration:none}
.io-buy-btn-primary{background:#fff;color:#764ba2;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.io-buy-btn-primary:hover{color:#5a3780;box-shadow:0 12px 30px rgba(0,0,0,.24)}
.io-buy-btn-ghost{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(6px)}
.io-buy-btn-ghost:hover{background:rgba(255,255,255,.28);color:#fff}
.io-buy-hero-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.io-buy-hero-price-main{display:inline-flex;align-items:baseline;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.2)}
.io-buy-hero-price-main i{font-style:normal;font-size:24px;font-weight:700}
.io-buy-hero-price-main b{font-size:46px;font-weight:800;line-height:.95;letter-spacing:-1px;margin:0 2px}
.io-buy-hero-price-main em{font-style:normal;font-size:16px;font-weight:600;margin-left:2px}
.io-buy-hero-price-unit{font-size:13px;color:rgba(255,255,255,.85);align-self:center}
.io-buy-hero-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:13px;opacity:.92}
.io-buy-hero-img{flex:0 1 380px;min-width:0}
.io-buy-hero-img img{width:100%;border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.28);display:block}
.io-buy-section{padding:52px 0 8px}
.io-buy-section-head{text-align:center;margin-bottom:34px}
.io-buy-section-head h2{font-size:28px;font-weight:800;color:#222;margin:0 0 10px}
.io-buy-section-head p{font-size:14px;color:#888;margin:0}
.io-buy-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.io-buy-feature-card{padding:26px 22px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.78) 0%,rgba(249,249,249,.55) 48%,rgba(255,255,255,.66) 100%);border:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 8px 26px rgba(31,45,62,.1),0 2px 8px rgba(31,45,62,.05),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.6);transition:transform .22s,box-shadow .22s}
.io-buy-feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(31,45,62,.16),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.6)}
.io-buy-feature-icon{font-size:30px;line-height:1;display:block;margin-bottom:14px}
.io-buy-feature-card h3{font-size:16px;font-weight:700;color:#222;margin:0 0 8px}
.io-buy-feature-card p{font-size:13px;line-height:1.75;color:#777;margin:0}
.io-buy-shot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.io-buy-shot{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 26px rgba(31,45,62,.1),inset 0 1px 0 rgba(255,255,255,.9);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(249,249,249,.5));-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);transition:transform .22s,box-shadow .22s}
.io-buy-shot:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(31,45,62,.16),inset 0 1px 0 rgba(255,255,255,.9)}
.io-buy-shot img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}
.io-buy-shot span{display:block;padding:10px 14px;font-size:13px;color:#666;text-align:center;border-top:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.35)}
.io-buy-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;max-width:760px;margin:0 auto}
.io-buy-price-card{position:relative;padding:34px 28px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.78) 0%,rgba(249,249,249,.55) 48%,rgba(255,255,255,.66) 100%);border:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 8px 26px rgba(31,45,62,.1),0 2px 8px rgba(31,45,62,.05),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.6);text-align:center;overflow:hidden;transition:transform .22s,box-shadow .22s}
.io-buy-price-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(31,45,62,.16),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.6)}
.io-buy-price-card-vip.featured{border:1px solid rgba(247,183,51,.55);background:linear-gradient(180deg,rgba(255,251,242,.82),rgba(255,255,255,.6));box-shadow:0 12px 34px rgba(230,162,60,.22),inset 0 1px 0 rgba(255,255,255,.9)}
.io-buy-price-ribbon{position:absolute;top:16px;right:-34px;transform:rotate(45deg);background:linear-gradient(135deg,#f7b733,#e6a23c);color:#fff;font-size:11px;font-weight:700;padding:5px 40px;box-shadow:0 2px 8px rgba(230,162,60,.4)}
.io-buy-price-name{font-size:16px;font-weight:700;color:#444;margin-bottom:14px}
.io-buy-price-num{font-size:42px;font-weight:800;line-height:1;background:linear-gradient(135deg,#2f6fe4,#667eea);-webkit-background-clip:text;background-clip:text;color:transparent}
.io-buy-price-card-vip .io-buy-price-num{background:linear-gradient(135deg,#f7b733,#e6a23c);-webkit-background-clip:text;background-clip:text;color:transparent}
.io-buy-price-unit{font-size:12px;color:#aaa;margin:8px 0 20px}
.io-buy-price-list{list-style:none;padding:0;margin:0 0 24px;text-align:left}
.io-buy-price-list li{position:relative;padding:8px 0 8px 24px;font-size:13px;color:#666;border-bottom:1px dashed rgba(0,0,0,.08)}
.io-buy-price-list li:last-child{border-bottom:none}
.io-buy-price-list li::before{content:"✓";position:absolute;left:0;top:8px;color:#22b07d;font-weight:700}
.io-buy-price-btn{width:100%;justify-content:center;background:linear-gradient(135deg,#2f6fe4,#5b8def);color:#fff}
.io-buy-price-card-vip .io-buy-price-btn{background:linear-gradient(135deg,#f7b733,#e6a23c)}
.io-buy-price-note{max-width:760px;margin:26px auto 0;font-size:12px;color:#999;line-height:1.8;text-align:center}
.io-buy-price-note a{color:#2f6fe4}
.io-buy-disabled-tip{text-align:center;color:#e08b1f;background:#fff7ec;border:1px dashed #f7b733;border-radius:10px;padding:12px;margin:20px auto 0;max-width:520px;font-size:13px}
.io-buy-cta{margin-top:52px;padding:48px 32px;border-radius:20px;text-align:center;background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.28);color:#fff;box-shadow:0 16px 44px -12px rgba(102,126,234,.5),inset 0 1px 0 rgba(255,255,255,.4)}
.io-buy-cta h2{font-size:28px;font-weight:800;margin:0 0 10px}
.io-buy-cta p{font-size:14px;opacity:.92;margin:0 0 26px}
@media (max-width:768px){
  .io-buy-hero-inner{padding:34px 24px;gap:26px}
  .io-buy-hero-title{font-size:28px}
  .io-buy-hero-sub{font-size:14px}
  .io-buy-hero-price-main b{font-size:36px}
  .io-buy-hero-price-main i{font-size:20px}
  .io-buy-hero-img{flex:1 1 100%}
  .io-buy-section{padding:38px 0 4px}
  .io-buy-section-head h2{font-size:23px}
  .io-buy-price-ribbon{right:-36px}
}

/* ── 夜间模式：主题授权 ── */
body.io-black-mode .io-tauth-price-box{background:linear-gradient(135deg,#1f2540,#241f3a);border-color:rgba(90,162,255,.2)}
body.io-black-mode .io-tauth-price-label{color:#8a93a3}
body.io-black-mode .io-tauth-price-tag{background:#2c3140;color:#8a93a3}
body.io-black-mode .io-tauth-slots-tip{color:#8a93a3}
body.io-black-mode .io-tauth-bind-label{color:#c9d0dc}
body.io-black-mode .io-tauth-bind-input{background:#262a35;border-color:#3a3f4e;color:#e8eaf0}
body.io-black-mode .io-tauth-bind-input:focus{border-color:#5aa2ff;background:#1e222c}
body.io-black-mode .io-tauth-bind-hint{color:#6f7783}
body.io-black-mode .io-tauth-bind-hint code{background:#2c3140;color:#5aa2ff}
body.io-black-mode .uc-auth-count{color:#8a93a3}
body.io-black-mode .uc-auth-empty-text b{color:#e8eaf0}
body.io-black-mode .uc-auth-empty-text span{color:#8a93a3}
body.io-black-mode .uc-auth-item{background:rgba(34,176,125,.1);border-color:rgba(34,176,125,.25)}
body.io-black-mode .uc-auth-domain{color:#58d68d}
body.io-black-mode .uc-auth-op{background:#262a35;border-color:#3a3f4e;color:#c9d0dc}
body.io-black-mode .uc-auth-op:hover{border-color:#5aa2ff;color:#5aa2ff;background:#1a2338}
body.io-black-mode .uc-auth-op.danger:hover{border-color:#f1404b;color:#f1404b;background:#2a1a1e}
body.io-black-mode .uc-auth-nobind{background:rgba(90,162,255,.06);border-color:rgba(90,162,255,.3);color:#8a93a3}
body.io-black-mode .uc-auth-bind-btn{background:rgba(90,162,255,.06);border-color:rgba(90,162,255,.35);color:#5aa2ff}
body.io-black-mode .uc-auth-bind-btn:hover{background:rgba(90,162,255,.14)}
body.io-black-mode .io-buy-page{color:#c9d0dc}
body.io-black-mode .io-buy-section-head h2{color:#f0f2f5}
body.io-black-mode .io-buy-section-head p{color:#8a93a3}
body.io-black-mode .io-buy-feature-card{background:linear-gradient(135deg,rgba(38,42,54,.72),rgba(30,34,44,.6));border-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 8px 26px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
body.io-black-mode .io-buy-feature-card h3{color:#f0f2f5}
body.io-black-mode .io-buy-feature-card p{color:#8a93a3}
body.io-black-mode .io-buy-shot{background:linear-gradient(135deg,rgba(38,42,54,.7),rgba(30,34,44,.55));border-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 8px 26px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
body.io-black-mode .io-buy-shot span{color:#8a93a3;border-top-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
body.io-black-mode .io-buy-price-card{background:linear-gradient(135deg,rgba(38,42,54,.72),rgba(30,34,44,.6));border-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 8px 26px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
body.io-black-mode .io-buy-price-card-vip.featured{background:linear-gradient(180deg,rgba(36,31,20,.78),rgba(30,34,44,.6));border-color:rgba(247,183,51,.5)}
body.io-black-mode .io-buy-price-name{color:#e8eaf0}
body.io-black-mode .io-buy-price-list li{color:#8a93a3;border-bottom-color:rgba(255,255,255,.06)}
body.io-black-mode .io-buy-price-num{background:linear-gradient(135deg,#a8c5f0,#c5a8f0);-webkit-background-clip:text;background-clip:text;color:transparent}
body.io-black-mode .io-buy-price-card-vip .io-buy-price-num{background:linear-gradient(135deg,#f7b733,#e6a23c);-webkit-background-clip:text;background-clip:text;color:transparent}