/* 我的：苍翠试版。淡鼠尾草绿、玻璃卡片、深色字。仅 body.ppq-profile-cangcui */

body.ppq-profile-cangcui {
    color: #1c241c;
    background-color: #e4ebe3;
    background-image:
        radial-gradient(ellipse 95% 72% at 6% 8%, rgba(146, 196, 194, 0.92) 0%, rgba(176, 214, 208, 0.48) 34%, transparent 68%),
        radial-gradient(ellipse 88% 64% at 96% 92%, rgba(214, 170, 112, 0.9) 0%, rgba(232, 204, 160, 0.42) 32%, transparent 70%),
        radial-gradient(ellipse 70% 48% at 82% 16%, rgba(188, 214, 206, 0.55) 0%, transparent 64%),
        radial-gradient(ellipse 62% 42% at 18% 74%, rgba(236, 210, 168, 0.4) 0%, transparent 66%),
        linear-gradient(168deg, #c9e0dc 0%, #e3ebe4 46%, #f0e2cc 100%);
    background-attachment: fixed;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

body.ppq-profile-cangcui .profile-msg-btn {
    background: rgba(255, 255, 255, 0.42);
    color: #1c241c;
    border: 1px solid rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 20px rgba(60, 80, 50, 0.08);
}

body.ppq-profile-cangcui .profile-header {
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.55) 0%, rgba(232, 240, 224, 0.42) 100%);
    color: #1c241c;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 28px;
    box-shadow: 0 16px 36px rgba(70, 90, 60, 0.1);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

body.ppq-profile-cangcui .avatar-container {
    background: rgba(255, 255, 255, 0.45);
    border-color: rgba(255, 255, 255, 0.8);
}

body.ppq-profile-cangcui .avatar-placeholder,
body.ppq-profile-cangcui .profile-name,
body.ppq-profile-cangcui .profile-level {
    color: #1c241c;
}

body.ppq-profile-cangcui .profile-level,
body.ppq-profile-cangcui .level-item {
    background: rgba(255, 255, 255, 0.38);
    border-color: rgba(255, 255, 255, 0.55);
}

body.ppq-profile-cangcui .auth-btn,
body.ppq-profile-cangcui .login-btn,
body.ppq-profile-cangcui .bangbi-btn {
    background: rgba(255, 255, 255, 0.55) !important;
    color: #1c241c !important;
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: none;
}

body.ppq-profile-cangcui .menu-container,
body.ppq-profile-cangcui .settings-section {
    background: rgba(255, 255, 255, 0.46);
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 24px;
    box-shadow: 0 12px 28px rgba(70, 90, 60, 0.08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.ppq-profile-cangcui .menu-item,
body.ppq-profile-cangcui .menu-text,
body.ppq-profile-cangcui .settings-label,
body.ppq-profile-cangcui .settings-value,
body.ppq-profile-cangcui .venues-title {
    color: #1c241c;
}

body.ppq-profile-cangcui .menu-item:hover {
    background: rgba(255, 255, 255, 0.35);
}

body.ppq-profile-cangcui .menu-arrow {
    position: relative;
    width: 14px;
    height: 14px;
    font-size: 0;
    color: transparent;
    flex-shrink: 0;
}

body.ppq-profile-cangcui .menu-arrow::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 1px;
    width: 8px;
    height: 8px;
    border-top: 2.5px solid rgba(255, 252, 246, 0.92);
    border-right: 2.5px solid rgba(255, 252, 246, 0.92);
    border-radius: 1px;
    transform: rotate(45deg);
    filter: drop-shadow(0 1px 1px rgba(70, 90, 60, 0.22));
}

body.ppq-profile-cangcui .settings-item {
    border-bottom-color: rgba(28, 36, 28, 0.08);
}

body.ppq-profile-cangcui .bottom-nav {
    background: rgba(236, 242, 230, 0.82);
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 -8px 24px rgba(70, 90, 60, 0.08);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

body.ppq-profile-cangcui .bottom-nav .nav-item,
body.ppq-profile-cangcui .nav-item {
    color: #243024;
}

body.ppq-profile-cangcui .nav-item.active,
body.ppq-profile-cangcui .bottom-nav .nav-item.active {
    color: #1c241c;
    background: rgba(255, 255, 255, 0.45);
}

body.ppq-profile-cangcui .auth-container {
    background: rgba(244, 248, 240, 0.96);
    color: #1c241c;
    border-radius: 24px;
}