kate522
8aa116ec43
Align homepage and category discovery, modern widgets, admin controls, quotes, and comments with the reference theme. Remove superseded paths and add rendering and behavior coverage. Update stale asset and finance contracts; all 760 Node tests and 139 widget assertions pass.
151 lines
3.6 KiB
CSS
151 lines
3.6 KiB
CSS
/* ---- Yiyan inline blocks (single post) ---- */
|
|
.yiyan--header,
|
|
.yiyan--footer {
|
|
margin: 16px 0;
|
|
padding: 12px 16px;
|
|
}
|
|
|
|
.yiyan--box {
|
|
margin: 24px 0;
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
background: var(--card-bg, #fff);
|
|
box-shadow: var(--card-shadow, 0 2px 8px rgba(0, 0, 0, .06));
|
|
}
|
|
|
|
.aksrt-yiyan[data-aksrt-yiyan] {
|
|
cursor: pointer;
|
|
transition: box-shadow .2s ease, opacity .2s ease;
|
|
}
|
|
|
|
.aksrt-yiyan[data-aksrt-yiyan]:hover,
|
|
.aksrt-yiyan[data-aksrt-yiyan]:focus-visible {
|
|
box-shadow: inset 0 0 5px 0 var(--focus-shadow-color, rgba(253, 83, 161, .3));
|
|
}
|
|
|
|
.aksrt-yiyan .yiyan {
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.aksrt-yiyan .yiyan .en {
|
|
font-size: .9em;
|
|
opacity: .8;
|
|
}
|
|
|
|
.aksrt-yiyan.is-loading {
|
|
opacity: .65;
|
|
}
|
|
|
|
.aksrt-yiyan.is-error .cn {
|
|
color: var(--muted-color, #777);
|
|
}
|
|
|
|
/* ---- Front / After content insertion ---- */
|
|
.article-front-content,
|
|
.article-after-content {
|
|
padding: 12px 0;
|
|
font-size: 14px;
|
|
line-height: 1.8;
|
|
color: var(--text-secondary, #666);
|
|
border-bottom: 1px dashed var(--border-color, #eee);
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.article-after-content {
|
|
border-bottom: none;
|
|
border-top: 1px dashed var(--border-color, #eee);
|
|
margin-bottom: 0;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
/* ---- Hidden Content Shortcodes ---- */
|
|
.aksrt-hidden-content {
|
|
position: relative;
|
|
margin: 16px 0;
|
|
padding: 16px;
|
|
border-radius: var(--border-radius, 8px);
|
|
font-size: 14px;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.aksrt-hidden-content--unlocked {
|
|
background: var(--bg-secondary, #f8f9fa);
|
|
border: 1px solid var(--border-color, #e5e7eb);
|
|
}
|
|
|
|
.aksrt-hidden-content--locked {
|
|
background: linear-gradient(135deg, var(--bg-secondary, #f8f9fa) 0%, var(--bg-tertiary, #f1f3f5) 100%);
|
|
border: 1px dashed var(--border-color, #d1d5db);
|
|
text-align: center;
|
|
padding: 24px 16px;
|
|
}
|
|
|
|
.aksrt-hidden-content__message {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
font-size: 15px;
|
|
color: var(--text-secondary, #6b7280);
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.aksrt-hidden-content__message i {
|
|
font-size: 18px;
|
|
color: var(--text-muted, #9ca3af);
|
|
}
|
|
|
|
.aksrt-hidden-content--vip .aksrt-hidden-content__message i {
|
|
color: var(--vip-color, #f59e0b);
|
|
}
|
|
|
|
.aksrt-hidden-content--payshow .aksrt-hidden-content__message i {
|
|
color: var(--primary-color, #3b82f6);
|
|
}
|
|
|
|
.aksrt-hidden-content__form {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.aksrt-hidden-content__password-input {
|
|
width: 200px;
|
|
max-width: 60%;
|
|
padding: 6px 12px;
|
|
border: 1px solid var(--border-color, #d1d5db);
|
|
border-radius: var(--border-radius, 6px);
|
|
font-size: 14px;
|
|
background: var(--bg-primary, #fff);
|
|
color: var(--text-primary, #1f2937);
|
|
outline: none;
|
|
transition: border-color .2s;
|
|
}
|
|
|
|
.aksrt-hidden-content__password-input:focus {
|
|
border-color: var(--primary-color, #3b82f6);
|
|
}
|
|
|
|
.aksrt-hidden-content__submit-btn,
|
|
.aksrt-hidden-content__login-btn {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
padding: 6px 16px;
|
|
font-size: 13px;
|
|
border-radius: var(--border-radius, 6px);
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
transition: opacity .2s;
|
|
}
|
|
|
|
.aksrt-hidden-content__submit-btn:hover,
|
|
.aksrt-hidden-content__login-btn:hover {
|
|
opacity: .85;
|
|
}
|
|
|
|
.aksrt-paywall-preview { margin: 0 0 16px; padding: 14px 16px; border-left: 3px solid var(--color-primary, #f04494); background: var(--surface-2, #f8fafc); border-radius: 0 10px 10px 0; color: var(--color-ink-2, #374151); line-height: 1.7; }
|
|
.aksrt-paywall-preview p:last-child { margin-bottom: 0; }
|