/* 甜心VLOG 手账风最终版样式（你的原版代码全保留，无任何删除） */
:root {
    --pink: #ff88b5;
    --pink-soft: #fff0f6;
    --purple: #c8a2ff;
    --yellow: #fff4cc;
    --blue: #e0f4ff;
    --green: #e8f8e8;
    --paper: #fffbf5;
    --ink: #443a4b;
    --ink-light: #7a6f83;
    --border: #f2e8ef;
    --tape: rgba(255, 220, 100, 0.6);
    --shadow-soft: 3px 3px 0px rgba(255, 136, 181, 0.15);
    --shadow-sticker: 4px 4px 0px rgba(0,0,0,0.08);
}
* {margin:0;padding:0;box-sizing:border-box}
body {
    font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
    background: var(--paper) url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffd6e7' fill-opacity='0.2' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1'/%3E%3Ccircle cx='13' cy='13' r='1'/%3E%3C/g%3E%3C/svg%3E");
    color: var(--ink);
    line-height:1.75;
}
a {text-decoration:none;color:inherit}
ul {list-style:none}
img {max-width:100%;display:block}
.container {max-width:1100px;margin:0 auto;padding:0 24px;position:relative}
h1 {font-size: 2.2em; font-weight: 800; line-height: 1.3; margin: 0}
h2 {font-size: 1.4em; font-weight: 700; line-height: 1.4; margin: 0}
h3 {font-size: 1.05em; font-weight: 600; line-height: 1.5; margin: 0}
time {font-style: normal}
address {font-style: normal}
/* 导航栏 */
header {
    position:fixed;top:0;left:0;width:100%;z-index:999;
    padding:14px 0;transition:all .3s ease;
}
header.scrolled {
    background: rgba(255,251,245,0.95);
    backdrop-filter: blur(8px);
    box-shadow: 0 2px 12px rgba(255,136,181,0.1);
}
.nav-wrap {display:flex;align-items:center;justify-content:space-between}
.logo {
    font-size:26px;font-weight:700;color:var(--pink);
    display:flex;align-items:center;gap:6px;transform:rotate(-2deg);
}
.logo::before {content:"🍓";font-size:28px}
.nav-menu {display:flex;gap:26px;align-items:center}
.nav-link {
    font-size:16px;color:var(--ink);position:relative;
    transition:color .2s ease;
}
.nav-link:hover {color:var(--pink)}
.nav-link.active {color:var(--pink)}
.nav-link.active::after {
    content:'';position:absolute;bottom:-3px;left:0;width:100%;height:3px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10'%3E%3Cpath d='M0,5 Q25,0 50,5 T100,5' stroke='%23ff88b5' stroke-width='3' fill='none'/%3E%3C/svg%3E") repeat-x;
}
.hot-tag {
    position:absolute;top:-8px;right:-18px;
    background:#ff6b6b;color:#fff;font-size:10px;
    padding:1px 6px;border-radius:10px;transform:rotate(10deg);
}
.join-btn {
    background:var(--pink);color:#fff;padding:10px 22px;
    border-radius:40px;box-shadow: var(--shadow-sticker);
    transform:rotate(1deg);transition:all .2s ease;
    position:relative;
}
.join-btn:hover {transform:rotate(0deg) scale(1.05);background:#ff70a6}
.hamburger {display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1000}
.hamburger span {width:24px;height:2px;background:var(--ink);border-radius:2px;transition:all .3s ease}
/* 面包屑 */
.breadcrumb {
    padding: 100px 0 12px;
    font-size: 14px;
    color: var(--ink-light);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.breadcrumb a {
    color: var(--pink);
    transition: color .2s ease;
    border-bottom: 1px dashed var(--pink-soft);
}
.breadcrumb a:hover {
    color: #f54d8a;
    border-bottom-color: var(--pink);
}
.breadcrumb .sep {
    color: #ffd6e7;
    font-size: 12px;
}
.current-crumb {color: var(--ink)}
/* Hero区 */
.hero {
    min-height:70vh;display:flex;align-items:center;
    position:relative;padding:20px 0 40px;overflow:hidden;
}
.floating-sticker {
    position:absolute;opacity:0.7;animation:drift 8s ease-in-out infinite;
    font-size:32px;
}
.sticker-1 {top:20%;left:7%;animation-delay:0s}
.sticker-2 {top:65%;left:85%;animation-delay:2s;font-size:28px}
.sticker-3 {top:30%;right:10%;animation-delay:4s;font-size:22px}
.sticker-4 {top:70%;left:15%;animation-delay:1s;font-size:26px}
@keyframes drift {
    0%,100% {transform: translateY(0) rotate(var(--r,0deg))}
    50% {transform: translateY(-15px) rotate(calc(var(--r,0deg) + 5deg))}
}
.hero h1 {
    font-size:48px;font-weight:800;line-height:1.3;margin-bottom:18px;max-width:800px;
}
.hero h1 .highlight {
    color:var(--pink);position:relative;display:inline-block;
}
.hero h1 .highlight::after {
    content:'';position:absolute;bottom:4px;left:0;width:100%;height:12px;
    background:var(--yellow);z-index:-1;transform:rotate(-1deg);
}
.hero-desc p {margin-bottom:14px;font-size:16px;line-height:1.95;color:var(--ink-light);text-indent:0}
.hero-tags {display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.sticker-tag {
    padding:5px 14px;border-radius:20px;font-size:14px;
    box-shadow:var(--shadow-sticker);transform:rotate(var(--r,0deg));
}
.tag-pink {background:var(--pink-soft);color:var(--pink);--r:-2deg}
.tag-yellow {background:var(--yellow);color:#b8860b;--r:1deg}
.tag-blue {background:var(--blue);color:#2c7fb8;--r:-1deg}
.tag-green {background:var(--green);color:#3d8b3d;--r:2deg}
.hero-btns {display:flex;gap:14px;flex-wrap:wrap}
.btn-pink {
    background:var(--pink);color:#fff;padding:12px 28px;
    border-radius:40px;box-shadow:var(--shadow-sticker);
    transform:rotate(-1deg);transition:all .2s ease;
}
.btn-pink:hover {transform:rotate(0deg) scale(1.05)}
.btn-white {
    background:#fff;border:2px dashed var(--pink);color:var(--pink);
    padding:10px 26px;border-radius:40px;transition:all .2s ease;
}
.btn-white:hover {background:var(--pink-soft)}
.scroll-hint {
    text-align:center;margin-top:30px;color:var(--ink-light);font-size:13px;
    animation: bob 2s infinite;
}
@keyframes bob {
    0%,100% {transform:translateY(0)}
    50% {transform:translateY(8px)}
}
/* 轮播 */
.carousel-section {padding:0 0 40px 0;position:relative}
.carousel-title {
    font-size:22px;font-weight:700;margin-bottom:16px;
    display:flex;align-items:center;gap:8px;
}
.carousel-title::before {content:"📸";font-size:24px}
.main-carousel {
    width:100%;border-radius:20px;overflow:hidden;
    box-shadow:4px 4px 0 rgba(255,136,181,0.15);border:4px solid #fff;
    position:relative;transform:rotate(-0.3deg);
}
.carousel-track {display:flex;transition:transform .6s ease;height:380px}
.carousel-slide {min-width:100%;height:100%;position:relative}
.carousel-slide img {width:100%;height:100%;object-fit:cover}
.carousel-note {
    position:absolute;bottom:25px;left:25px;max-width:60%;
    background:rgba(255,255,255,0.95);padding:18px 24px;border-radius:16px;
    box-shadow:3px 3px 0 rgba(0,0,0,0.08);transform:rotate(-1deg);
}
.carousel-note .tag {
    display:inline-block;background:var(--pink);color:#fff;font-size:12px;
    padding:2px 10px;border-radius:10px;margin-bottom:6px;
}
.carousel-note h3 {font-size:20px;margin-bottom:4px}
.carousel-note p {font-size:14px;color:var(--ink-light)}
.carousel-arrow {
    position:absolute;top:50%;transform:translateY(-50%);
    width:40px;height:40px;border-radius:50%;border:none;
    background:rgba(255,255,255,0.9);font-size:20px;cursor:pointer;
    transition:all .2s ease;z-index:10;
}
.carousel-arrow:hover {background:var(--pink);color:#fff}
.carousel-arrow.left {left:15px}
.carousel-arrow.right {right:15px}
.carousel-dots {
    position:absolute;bottom:15px;right:20px;display:flex;gap:7px;z-index:10;
}
.dot {
    width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.7);
    cursor:pointer;transition:all .2s ease;
}
.dot.active {background:var(--pink);width:22px;border-radius:5px}
/* 7:3布局 */
.content-wrap {
    display:grid;grid-template-columns:70% 28%;gap:2%;margin:10px 0;
}
.main-col {width:100%}
.side-col {width:100%}
.note-card {
    background:#fff;padding:26px;border-radius:18px;
    box-shadow:var(--shadow-soft);margin-bottom:24px;
    position:relative;border:1px solid rgba(255,136,181,0.1);
    transition:all .2s ease;
}
.note-card:hover {transform:translateY(-2px);box-shadow:var(--shadow-sticker)}
.note-card.stuck::before {
    content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);
    width:80px;height:22px;background:var(--tape);
}
.note-card.tilt-l {transform:rotate(-0.8deg)}
.note-card.tilt-r {transform:rotate(0.8deg)}
.note-title {
    font-size:22px;font-weight:700;margin-bottom:16px;
    display:flex;align-items:center;gap:8px;
}
.note-title::before {content:"✏️";font-size:20px}
.scribble {
    font-size:14px;color:var(--pink);font-style:italic;
    margin-bottom:14px;padding-left:8px;border-left:3px solid var(--pink-soft);
}
.p-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0}
.point {
    padding:14px;border-radius:14px;background:var(--pink-soft);
    font-size:15px;line-height:1.7;
}
.point .emoji {font-size:20px;margin-right:6px}
.point small {display:block;color:var(--ink-light);font-size:13px;margin-top:4px}
.data-board {display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}
.data-sticky {
    padding:20px 12px;text-align:center;border-radius:14px;
    box-shadow:var(--shadow-sticker);transform:rotate(var(--r,0deg));
}
.sticky-pink {background:var(--pink-soft);--r:-1deg}
.sticky-yellow {background:var(--yellow);--r:1deg}
.sticky-blue {background:var(--blue);--r:-0.5deg}
.sticky-green {background:var(--green);--r:0.5deg}
.data-num {font-size:32px;font-weight:800;color:var(--pink);margin-bottom:4px}
.sticky-yellow .data-num {color:#b8860b}
.sticky-blue .data-num {color:#2c7fb8}
.sticky-green .data-num {color:#3d8b3d}
.data-label {font-size:13px;color:var(--ink-light)}
.data-note {
    font-size:12px;color:var(--ink-light);text-align:center;
    margin-top:-16px;margin-bottom:30px;font-style:italic;
}
.section-block {margin:40px 0}
.block-title {
    font-size:22px;font-weight:700;margin-bottom:18px;
    display:flex;align-items:center;gap:8px;
}
.block-title::before {font-size:24px}
.title-recommend::before {content:"📝"}
.title-story::before {content:"✨"}
.title-blackboard::before {content:"📋"}
.title-wall::before {content:"💌"}
.title-daily::before {content:"🍬"}
.recommend-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.recommend-card {
    background:#fff;border-radius:18px;overflow:hidden;
    box-shadow:3px 3px 0 rgba(255,136,181,0.12);transform:rotate(var(--r,0deg));
    transition:all .2s ease;
}
.recommend-card:nth-child(1) {--r:-0.8deg}
.recommend-card:nth-child(2) {--r:0.7deg}
.recommend-card:nth-child(3) {--r:-0.5deg}
.recommend-card:hover {transform:rotate(0) translateY(-3px)}
.recommend-cover {width:100%;aspect-ratio:16/9;object-fit:cover}
.recommend-info {padding:14px}
.recommend-title {font-size:15px;font-weight:600;margin-bottom:8px;line-height:1.5}
.recommend-comment {
    font-size:13px;color:var(--pink);font-style:italic;
    padding-left:8px;border-left:3px solid var(--pink-soft);
}
.recommend-meta {
    display:flex;align-items:center;gap:6px;font-size:12px;
    color:var(--ink-light);margin-top:10px;
}
.recommend-meta img {width:24px;height:24px;border-radius:50%}
.story-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.story-card {
    padding:20px;border-radius:18px;
    box-shadow:3px 3px 0 rgba(255,204,102,0.2);transform:rotate(var(--r,0deg));
}
.story-card:nth-child(1) {--r:0.8deg;background:var(--yellow)}
.story-card:nth-child(2) {--r:-0.6deg;background:var(--blue)}
.story-card:nth-child(3) {--r:0.5deg;background:var(--green)}
.story-avatar {
    width:70px;height:70px;border-radius:50%;border:3px solid #fff;
    object-fit:cover;margin:0 auto 10px;display:block;
}
.story-name {text-align:center;font-weight:600;font-size:16px;margin-bottom:8px}
.story-text {font-size:14px;line-height:1.8;color:var(--ink-light)}
.story-data {
    display:block;text-align:center;margin-top:10px;font-weight:600;
    color:var(--pink);font-size:15px;
}
.blackboard {
    background:linear-gradient(135deg,#3a3a4a,#2d2d3a);color:#fff;
    border-radius:18px;padding:28px;box-shadow:4px 4px 0 rgba(0,0,0,0.15);
}
.qa-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.qa-item {padding:10px}
.qa-q {
    font-size:16px;font-weight:600;margin-bottom:8px;color:#ffd166;
}
.qa-q::before {content:"Q: "}
.qa-a {font-size:14px;line-height:1.8;color:#e0e0e0}
.qa-a::before {content:"A: ";color:#88d8b0;font-weight:600}
.wall-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wall-note {
    padding:16px;border-radius:14px;font-size:14px;line-height:1.7;
    box-shadow:2px 2px 0 rgba(0,0,0,0.08);transform:rotate(var(--r,0deg));
}
.wall-note:nth-child(1) {background:#fff0f6;--r:-1.2deg}
.wall-note:nth-child(2) {background:#e0f7ff;--r:0.9deg}
.wall-note:nth-child(3) {background:#fff4cc;--r:-0.7deg}
.wall-note:nth-child(4) {background:#e8f8e8;--r:1.1deg}
.wall-note:nth-child(5) {background:#f3e8ff;--r:-0.9deg}
.wall-note:nth-child(6) {background:#ffe8e8;--r:0.6deg}
.wall-user {font-size:12px;color:var(--ink-light);margin-top:8px;text-align:right;font-style:italic}
.daily-list {
    background:#fff;padding:24px;border-radius:18px;
    box-shadow:3px 3px 0 rgba(255,136,181,0.12);
}
.daily-item {
    padding:10px 0;border-bottom:1px dashed #f0e6ef;
    font-size:14px;display:flex;align-items:flex-start;gap:8px;line-height:1.7;
}
.daily-item:last-child {border-bottom:none}
.daily-emoji {font-size:18px;flex-shrink:0}
.daily-time {font-size:12px;color:var(--ink-light);margin-left:6px}
.blogger-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
.blogger-card {
    background:#fff;padding:16px;border-radius:18px;
    box-shadow:var(--shadow-sticker);text-align:center;
    transform:rotate(var(--r,0deg));transition:all .2s ease;cursor:pointer;
}
.blogger-card:nth-child(odd) {--r:-1deg}
.blogger-card:nth-child(even) {--r:1deg}
.blogger-card:hover {transform:rotate(0deg) scale(1.03)}
.blogger-avatar {
    width:90px;height:90px;border-radius:50%;margin:0 auto 10px;
    border:4px solid var(--pink-soft);object-fit:cover;
}
.blogger-name {font-weight:600;font-size:16px;margin-bottom:4px}
.blogger-desc {font-size:12px;color:var(--ink-light);line-height:1.6}
.blogger-fans {
    display:inline-block;margin-top:6px;font-size:12px;
    background:var(--yellow);padding:2px 8px;border-radius:10px;
}
.related-links {
    background: var(--pink-soft);
    padding: 14px 18px;
    border-radius: 14px;
    margin: 20px 0;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    align-items: center;
}
.related-links .label {
    color: var(--pink);
    font-weight: 600;
}
.inner-link {
    color: var(--pink);
    border-bottom: 1px dashed var(--pink-soft);
    transition: all .2s ease;
}
.inner-link:hover {
    color: #f54d8a;
    border-bottom-color: var(--pink);
}
/* 侧边栏 */
.side-card {
    background:#fff;padding:20px;border-radius:18px;
    box-shadow:var(--shadow-soft);margin-bottom:18px;font-size:14px;
}
.side-card.rainbow {
    background:linear-gradient(135deg,var(--pink-soft),var(--blue));
    text-align:center;
}
.side-card h4 {
    font-size:17px;font-weight:600;margin-bottom:14px;
    display:flex;align-items:center;gap:6px;
}
.side-list li {
    padding:8px 0;font-size:14px;display:flex;align-items:center;gap:8px;
    border-bottom:1px dashed #f0e6ef;transition:color .2s ease;
}
.side-list li:hover {color:var(--pink)}
.side-list li:last-child {border-bottom:none}
.side-list img {width:32px;height:32px;border-radius:50%;object-fit:cover}
.side-note {font-size:13px;color:var(--ink-light);line-height:1.8;margin-top:8px}
.newcomer-list {display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.newcomer-item {display:flex;align-items:center;gap:5px;font-size:13px}
.newcomer-item img {width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--pink-soft)}
.business-mini {font-size:13px;line-height:1.8;color:var(--ink-light)}
.business-mini li {padding:4px 0;border-bottom:1px dashed #f0e6ef}
.business-mini li:last-child {border-bottom:none}
.business-tag {
    display:inline-block;background:var(--green);color:#3d8b3d;
    font-size:11px;padding:1px 6px;border-radius:8px;margin-left:4px;
}
.faq-search {max-width:500px;margin:0 auto 30px;position:relative}
.faq-search input {
    width:100%;padding:12px 16px 12px 44px;border-radius:40px;
    border:1px solid var(--border);font-size:15px;box-shadow:var(--shadow-soft);
}
.faq-search::before {content:"🔍";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px}
.faq-list {max-width:800px;margin:0 auto}
.faq-item {background:#fff;border-radius:16px;margin-bottom:12px;box-shadow:var(--shadow-soft);overflow:hidden}
.faq-q {
    padding:16px 20px;font-weight:500;font-size:15px;cursor:pointer;
    display:flex;justify-content:space-between;align-items:center;
}
.faq-q::after {content:"+";font-size:20px;color:var(--pink);transition:transform .3s ease}
.faq-item.open .faq-q::after {transform:rotate(45deg)}
.faq-a {
    max-height:0;overflow:hidden;transition:max-height .2s ease;
    padding:0 20px;color:var(--ink-light);font-size:14px;line-height:1.8;
}
.faq-item.open .faq-a {max-height:500px;padding-bottom:16px}
.recruit-form {max-width:600px;margin:0 auto;background:#fff;padding:30px;border-radius:20px;box-shadow:var(--shadow-sticker);transform:rotate(-0.5deg)}
.form-group {margin-bottom:18px}
.form-label {display:block;font-size:15px;margin-bottom:6px;font-weight:500}
.form-input, .form-select, .form-textarea {
    width:100%;padding:10px 14px;border:1px solid #f0e6ef;
    border-radius:12px;font-size:15px;font-family:inherit;background:#fffdfa;
}
.form-input:focus, .form-select:focus, .form-textarea:focus {outline:2px solid var(--pink-soft);border-color:var(--pink)}
.form-textarea {min-height:100px;resize:vertical}
.form-tip {font-size:13px;color:var(--ink-light);margin-top:8px;text-align:center}
.submit-btn {
    width:100%;padding:12px;background:var(--pink);color:#fff;
    border:none;border-radius:40px;font-size:16px;cursor:pointer;
    box-shadow:var(--shadow-sticker);transition:all .2s ease;
}
.submit-btn:hover {background:#ff70a6;transform:scale(1.02)}
.news-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.news-card {background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft);transition:all .2s ease}
.news-card:hover {transform:translateY(-3px);box-shadow:var(--shadow-sticker)}
.news-cover {width:100%;height:180px;object-fit:cover}
.news-content {padding:18px}
.news-meta {font-size:13px;color:var(--ink-light);margin-bottom:8px}
.news-title {font-size:17px;font-weight:600;margin-bottom:8px;line-height:1.5}
.news-desc {color:var(--ink-light);line-height:1.7;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.about-block {max-width:800px;margin:0 auto 30px}
.about-block h3 {font-size:20px;margin-bottom:10px;color:var(--pink)}
.about-block p {color:var(--ink-light);line-height:2;font-size:15px;margin-bottom:8px}
.timeline {position:relative;padding-left:28px;margin-top:25px}
.timeline::before {content:'';position:absolute;left:0;top:0;width:2px;height:100%;background:var(--pink-soft)}
.timeline-item {position:relative;margin-bottom:24px}
.timeline-item::before {
    content:'';position:absolute;left:-34px;top:4px;width:12px;height:12px;border-radius:50%;
    background:var(--pink);border:3px solid #fff;
}
.timeline-year {font-weight:700;font-size:16px;color:var(--pink);margin-bottom:4px}
.page-banner h1 {text-align:center;margin-bottom:8px}
.page-banner p {text-align:center;color:var(--ink-light);font-size:16px;margin-bottom:20px}
/* 页脚 */
footer {background:#fff;padding:40px 0 20px;margin-top:30px;border-top:1px dashed #ffd6e7}
.footer-grid {display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:25px}
.footer-logo {font-size:22px;font-weight:700;color:var(--pink);margin-bottom:10px}
.footer-desc {font-size:14px;color:var(--ink-light);line-height:1.8}
.footer-title {font-weight:600;font-size:16px;margin-bottom:12px}
.footer-links li {font-size:14px;margin-bottom:8px;color:var(--ink-light);transition:color .2s ease}
.footer-links li:hover {color:var(--pink);cursor:pointer}
address {font-size:14px;color:var(--ink-light);line-height:1.8}
.footer-bar {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px dashed #ffd6e7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    font-size: 13px;
    color: var(--ink-light);
}
.link-group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}
.link-group a:hover {color: var(--pink)}
.divider {color: #ffd6e7;user-select:none}
.copyright {text-align:right;line-height:1.8}
.egg {display:block;margin-top:2px;font-size:12px;color:var(--pink);font-style:italic}
.back-top {
    position:fixed;bottom:25px;right:25px;width:44px;height:44px;
    border-radius:50%;background:var(--pink);color:#fff;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;
    box-shadow:var(--shadow-sticker);z-index:999;transform:rotate(-5deg);
    font-size:18px;
}
.back-top.show {opacity:1;visibility:visible}
/* 响应式 */
@media (max-width:900px) {
    .content-wrap {grid-template-columns:100%}
    .data-board, .category-grid, .p-grid, .story-grid, .qa-grid, .wall-grid, .recommend-grid, .blogger-grid, .news-grid {grid-template-columns:repeat(2,1fr)}
    .footer-grid, .footer-bar {grid-template-columns:1fr}
    .carousel-track {height:280px}
    /* 保留原有carousel-caption规则不删，新增实际使用的carousel-note样式 */
    .carousel-caption, .carousel-note {left:15px;right:15px;max-width:100%;transform:rotate(0)}
    .copyright {text-align:center}
    .link-group {justify-content:center}
    /* 兼容footer-bar flex布局，原有grid规则保留不删 */
    .footer-bar {flex-direction:column;align-items:center;text-align:center}
}
@media (max-width:600px) {
    .nav-menu {
        position:fixed;top:0;right:-100%;width:75%;height:100vh;background:#fff;
        flex-direction:column;padding:70px 25px;box-shadow:-2px 0 10px rgba(0,0,0,0.1);transition:right .2s ease;
    }
    .nav-menu.open {right:0}
    .hamburger {display:flex}
    .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
    .hamburger.active span:nth-child(2){opacity:0}
    .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-5px)}
    .hero h1 {font-size:32px}
    .data-board, .p-grid, .story-grid, .qa-grid, .wall-grid, .recommend-grid, .blogger-grid, .news-grid {grid-template-columns:1fr}
    .note-card.tilt-l, .note-card.tilt-r {transform:rotate(0)}
    .data-sticky, .cat-sticker, .blogger-card, .recommend-card {transform:rotate(0)}
    .carousel-track {height:200px}
    .carousel-caption {padding:16px}
    .carousel-caption h3, .carousel-note h3 {font-size:18px}
    .page-banner h1 {font-size:24px}
}

/* ========== 仅追加修复样式，不修改/删除原有任何代码 ========== */
/* 1. 浮动贴纸初始角度定义，修复动画漂移问题 */
.floating-sticker.sticker-1 {--r:-10deg}
.floating-sticker.sticker-2 {--r:15deg}
.floating-sticker.sticker-3 {--r:-5deg}
.floating-sticker.sticker-4 {--r:8deg}
/* 2. 可点击元素鼠标手型修复 */
.join-btn, .hamburger, .carousel-arrow, .dot, .back-top, .submit-btn, .btn-white, .btn-pink, .page-item {cursor:pointer}
/* 3. 按钮默认边框重置 */
.join-btn, .carousel-arrow, .back-top, .submit-btn, .hamburger {border:none;background:none}
.join-btn, .submit-btn {background:var(--pink)} /* 恢复按钮背景色，避免重置后透明 */
.carousel-arrow {background:rgba(255,255,255,0.9)} /* 恢复轮播箭头背景 */
.back-top {background:var(--pink)} /* 恢复回到顶部背景 */
/* 4. 图片加载优化 */
img {content-visibility:auto}