|
|
@@ -6,9 +6,18 @@
|
|
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
|
|
body { width: 100%; min-height: 100vh; font-family: "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif; font-size: 13px; color: #222; }
|
|
|
|
body { width: 100%; min-height: 100vh; font-family: "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif; font-size: 13px; color: #222; }
|
|
|
|
header { background: #00A1D6; color: #fff; padding: 10px 12px; font-weight: bold; font-size: 14px; }
|
|
|
|
header { background: #00A1D6; color: #fff; padding: 10px 12px; font-weight: bold; font-size: 14px; }
|
|
|
|
|
|
|
|
/* 标题旁的版本号:读 manifest,不写死,升级后自动跟着变 */
|
|
|
|
|
|
|
|
.hdr-ver { display:inline-block; margin-left:6px; padding:1px 7px; border-radius:10px;
|
|
|
|
|
|
|
|
background:rgba(255,255,255,.22); font-size:11px; font-weight:normal; vertical-align:middle; }
|
|
|
|
.promo { display:flex; align-items:center; justify-content:space-between; gap:8px;
|
|
|
|
.promo { display:flex; align-items:center; justify-content:space-between; gap:8px;
|
|
|
|
background: linear-gradient(90deg,#00A1D6,#FB7299); color:#fff; padding: 8px 12px; font-size: 13px; }
|
|
|
|
background: linear-gradient(90deg,#00A1D6,#FB7299); color:#fff; padding: 8px 12px; font-size: 13px; }
|
|
|
|
.promo a { color:#fff; font-weight:bold; text-decoration:underline; cursor:pointer; }
|
|
|
|
.promo a { color:#fff; font-weight:bold; text-decoration:underline; cursor:pointer; }
|
|
|
|
|
|
|
|
/* 购买授权:独占一行的醒目按钮(授权文字不再和它抢同一行,避免状态被截断) */
|
|
|
|
|
|
|
|
.buy-btn { display:block; margin-top:8px; padding:10px 12px; border-radius:7px;
|
|
|
|
|
|
|
|
background:linear-gradient(90deg,#e91e63,#FB7299); color:#fff; font-size:14px;
|
|
|
|
|
|
|
|
font-weight:bold; text-align:center; text-decoration:none; cursor:pointer;
|
|
|
|
|
|
|
|
box-shadow:0 2px 6px rgba(251,114,153,.35); }
|
|
|
|
|
|
|
|
.buy-btn:active { opacity:.85; }
|
|
|
|
.sec { padding: 10px 12px; border-bottom: 1px solid #eee; }
|
|
|
|
.sec { padding: 10px 12px; border-bottom: 1px solid #eee; }
|
|
|
|
.lbl { font-size: 11px; color: #888; margin-bottom: 5px; }
|
|
|
|
.lbl { font-size: 11px; color: #888; margin-bottom: 5px; }
|
|
|
|
input[type=text], input[type=password], input[type=number], select {
|
|
|
|
input[type=text], input[type=password], input[type=number], select {
|
|
|
@@ -45,15 +54,15 @@
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<body>
|
|
|
|
<header>B站评论助手</header>
|
|
|
|
<header>B站评论助手<span id="hdrVer" class="hdr-ver"></span></header>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="licSec" style="padding:8px 12px;border-bottom:1px solid #eee;background:#fafbfc">
|
|
|
|
<div id="licSec" style="padding:8px 12px;border-bottom:1px solid #eee;background:#fafbfc">
|
|
|
|
<div style="display:flex;align-items:center;gap:6px">
|
|
|
|
<div style="display:flex;align-items:flex-start;gap:6px">
|
|
|
|
<span id="licIcon" style="font-size:14px">⏳</span>
|
|
|
|
<span id="licIcon" style="font-size:14px;line-height:1.45">⏳</span>
|
|
|
|
<span id="licText" style="font-size:13px;font-weight:bold;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">授权检查中…</span>
|
|
|
|
<span id="licText" style="font-size:13px;font-weight:bold;flex:1;line-height:1.45;word-break:break-word">授权检查中…</span>
|
|
|
|
<a id="licBuy" style="color:#e91e63;font-weight:bold;text-decoration:underline;cursor:pointer;white-space:nowrap">购买授权 →</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="licSub" style="font-size:11px;color:#888;margin-top:3px"></div>
|
|
|
|
<div id="licSub" style="font-size:11px;color:#888;margin-top:3px;line-height:1.5"></div>
|
|
|
|
|
|
|
|
<a id="licBuy" class="buy-btn">🛒 购买授权 · 解锁不限时不限量</a>
|
|
|
|
<div id="updMsg" style="display:none;font-size:12px;color:#005f8b;background:#e6f6fd;border:1px solid #9ed8f0;border-radius:4px;padding:4px 8px;margin-top:6px"></div>
|
|
|
|
<div id="updMsg" style="display:none;font-size:12px;color:#005f8b;background:#e6f6fd;border:1px solid #9ed8f0;border-radius:4px;padding:4px 8px;margin-top:6px"></div>
|
|
|
|
<div id="licNotice" style="display:none;font-size:12px;color:#7a5c00;background:#fff8e1;border:1px solid #ffe082;border-radius:4px;padding:4px 8px;margin-top:6px;line-height:1.5"></div>
|
|
|
|
<div id="licNotice" style="display:none;font-size:12px;color:#7a5c00;background:#fff8e1;border:1px solid #ffe082;border-radius:4px;padding:4px 8px;margin-top:6px;line-height:1.5"></div>
|
|
|
|
<div id="licActRow" style="display:none;margin-top:6px;align-items:center;gap:6px">
|
|
|
|
<div id="licActRow" style="display:none;margin-top:6px;align-items:center;gap:6px">
|
|
|
|