/* 明暗按钮：仅显示太阳或月亮 */
.theme-toggle{width:36px;min-width:36px;padding:0;justify-content:center}.theme-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.moon-icon{display:none}html[data-theme="light"] .sun-icon{display:none}html[data-theme="light"] .moon-icon{display:block}.theme-toggle i,.theme-toggle>span{display:none!important}
body,.nav,.resource-card,.learning-card,.section-light,.cloud-shell,.profile-card,.button{transition:background-color .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease}

/* Apple：大留白、玻璃导航、黑白产品舞台 */
html[data-style="apple"] body{font-family:Inter,"SF Pro Display","Noto Sans SC",-apple-system,BlinkMacSystemFont,sans-serif}html[data-style="apple"] .nav{border-radius:18px}html[data-style="apple"] .resource-card{border-radius:22px}html[data-style="apple"] .button{border-radius:100px}html[data-style="apple"] .hero h1{font-weight:700}html[data-style="apple"] .section-light{background:#f3f3f5}

/* Claude Code：Anthropic 暖色纸张 + 终端界面语言 */
html[data-style="clawcode"] body{font-family:"Noto Sans SC",Arial,sans-serif;background:#191714;color:#f5eee6}html[data-style="clawcode"] .hero::before{background:radial-gradient(circle at 50% 35%,rgba(217,119,87,.17),transparent 42%),linear-gradient(180deg,transparent,#191714)}html[data-style="clawcode"] .hero h1,html[data-style="clawcode"] .section-head h2,html[data-style="clawcode"] .learning-sticky h2{font-family:Georgia,"Noto Serif SC",serif;letter-spacing:-.045em}html[data-style="clawcode"] .nav{background:rgba(31,27,24,.84);border-color:#4a4038;border-radius:8px}html[data-style="clawcode"] .brand-mark,html[data-style="clawcode"] .resource-icon{border-radius:5px}html[data-style="clawcode"] .button,html[data-style="clawcode"] .filter-button{border-radius:6px}html[data-style="clawcode"] .gradient-text,html[data-style="clawcode"] .statement-copy>p:first-child span{background-image:linear-gradient(90deg,#d97757,#f0b38f)}html[data-style="clawcode"] .button-primary{background:#d97757;color:#211711}html[data-theme="dark"][data-style="clawcode"] .section-light{background:#24201c;color:#f5eee6}html[data-theme="dark"][data-style="clawcode"] .resource-card,html[data-theme="dark"][data-style="clawcode"] .cloud-shell,html[data-theme="dark"][data-style="clawcode"] .uploaded-library{background:#181512;color:#f5eee6;border-color:#433a33;border-radius:8px}html[data-theme="dark"][data-style="clawcode"] .resource-card p,html[data-theme="dark"][data-style="clawcode"] .section-head p,html[data-theme="dark"][data-style="clawcode"] .cloud-copy>p{color:#a99a8f}html[data-theme="dark"][data-style="clawcode"] .filter-button{border-color:#51463e;color:#baaa9e}html[data-theme="dark"][data-style="clawcode"] .filter-button.active{background:#d97757;color:#211711;border-color:#d97757}html[data-theme="light"][data-style="clawcode"] body{background:#f4eee7;color:#29231f}html[data-theme="light"][data-style="clawcode"] .section-light{background:#e9dfd4}html[data-theme="light"][data-style="clawcode"] .nav{background:rgba(247,241,234,.88);border-color:#d8c9bd}

/* ChatGPT：中性工作区、柔和边界、绿色操作色 */
html[data-style="gpt"] body{font-family:Inter,"Noto Sans SC",Arial,sans-serif;background:#212121}html[data-style="gpt"] .nav{background:rgba(33,33,33,.88);border-color:#444;border-radius:14px}html[data-style="gpt"] .hero::before{background:radial-gradient(circle at 50% 36%,rgba(16,163,127,.16),transparent 39%),linear-gradient(180deg,transparent,#212121)}html[data-style="gpt"] .gradient-text,html[data-style="gpt"] .statement-copy>p:first-child span{background-image:linear-gradient(100deg,#fff,#10a37f,#7bd7be)}html[data-style="gpt"] .button-primary{background:#10a37f;color:#fff}html[data-style="gpt"] .resource-card,html[data-style="gpt"] .learning-card,html[data-style="gpt"] .cloud-shell,html[data-style="gpt"] .profile-card{border-radius:24px}html[data-theme="dark"][data-style="gpt"] .section-light{background:#2f2f2f;color:#ececec}html[data-theme="dark"][data-style="gpt"] .resource-card,html[data-theme="dark"][data-style="gpt"] .cloud-shell,html[data-theme="dark"][data-style="gpt"] .uploaded-library{background:#212121;color:#ececec;border-color:#444}html[data-theme="dark"][data-style="gpt"] .resource-card p,html[data-theme="dark"][data-style="gpt"] .section-head p,html[data-theme="dark"][data-style="gpt"] .cloud-copy>p{color:#b4b4b4}html[data-theme="dark"][data-style="gpt"] .filter-button{border-color:#555;color:#c6c6c6}html[data-theme="dark"][data-style="gpt"] .filter-button.active{background:#10a37f;border-color:#10a37f}html[data-theme="light"][data-style="gpt"] body{background:#fff;color:#202123}html[data-theme="light"][data-style="gpt"] .section-light{background:#f7f7f8}html[data-theme="light"][data-style="gpt"] .nav{background:rgba(255,255,255,.88);border-color:#ddd;color:#202123}

/* Google：Material 3 表面、蓝色主操作与四色强调 */
html[data-style="google"] body{font-family:Roboto,Arial,"Noto Sans SC",sans-serif;background:#202124}html[data-style="google"] .nav{background:rgba(32,33,36,.9);border-color:#5f6368;border-radius:28px}html[data-style="google"] .hero::before{background:radial-gradient(circle at 38% 30%,rgba(66,133,244,.18),transparent 30%),radial-gradient(circle at 68% 52%,rgba(52,168,83,.11),transparent 28%),linear-gradient(180deg,transparent,#202124)}html[data-style="google"] .hero h1,html[data-style="google"] .section-head h2{letter-spacing:-.045em;font-weight:500}html[data-style="google"] .gradient-text,html[data-style="google"] .statement-copy>p:first-child span{background-image:linear-gradient(90deg,#4285f4,#ea4335 38%,#fbbc05 65%,#34a853)}html[data-style="google"] .button-primary{background:#0b57d0;color:#fff}html[data-style="google"] .button,html[data-style="google"] .filter-button{border-radius:24px}html[data-style="google"] .resource-card,html[data-style="google"] .learning-card,html[data-style="google"] .cloud-shell,html[data-style="google"] .profile-card{border-radius:28px}html[data-theme="dark"][data-style="google"] .section-light{background:#202124;color:#e8eaed}html[data-theme="dark"][data-style="google"] .resource-card,html[data-theme="dark"][data-style="google"] .cloud-shell,html[data-theme="dark"][data-style="google"] .uploaded-library{background:#303134;color:#e8eaed;border-color:#5f6368}html[data-theme="dark"][data-style="google"] .resource-card p,html[data-theme="dark"][data-style="google"] .section-head p,html[data-theme="dark"][data-style="google"] .cloud-copy>p{color:#bdc1c6}html[data-theme="dark"][data-style="google"] .filter-button{border-color:#5f6368;color:#bdc1c6}html[data-theme="dark"][data-style="google"] .filter-button.active{background:#8ab4f8;color:#202124;border-color:#8ab4f8}html[data-theme="light"][data-style="google"] body{background:#fff;color:#202124}html[data-theme="light"][data-style="google"] .section-light{background:#f8fafd}html[data-theme="light"][data-style="google"] .nav{background:rgba(255,255,255,.9);border-color:#dadce0;color:#202124;box-shadow:0 4px 18px rgba(60,64,67,.13)}html[data-theme="light"][data-style="google"] .resource-card{box-shadow:0 2px 8px rgba(60,64,67,.12);border-color:#dadce0}
