.collect-trio-home,
.collect-trio-moments,
.collect-trio-quiz{
  --collect-sky:#78cdf6;
  --collect-sky-soft:#eaf8ff;
  --collect-peach:#ff8fa7;
  --collect-peach-soft:#fff0f3;
  --collect-ink:#26344a;
  --collect-mute:#718092;
  --collect-paper:#fff9f3;
  --collect-line:#c9e8f7;
  --collect-disabled:#e5eaed;
}

/* 新人主页三选一：只改变入口层，不污染首页正文。 */
.collect-trio-home .modal{background:rgba(38,52,74,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.collect-trio-home .sheet{height:auto;max-height:calc(100dvh - 48px);padding:11px 18px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;border-radius:30px 30px 0 0;background:var(--collect-paper);color:var(--collect-ink)}
.collect-trio-home .handle{background:rgba(38,52,74,.14)}
.collect-trio-home .close{border-color:var(--collect-line);background:#fff;color:var(--collect-ink)}
.collect-trio-home .sheet-status{color:var(--collect-mute)}
.collect-trio-home .sheet-status i{background:var(--collect-sky);box-shadow:0 0 0 4px rgba(120,205,246,.16)}
.collect-trio-home .sheet h2{color:var(--collect-ink)}
.collect-trio-home .sheet-intro{color:var(--collect-mute)}
.collect-trio-home .choices{gap:10px;margin-top:15px}
.collect-trio-home .choice{min-height:104px;border:1px solid var(--collect-line);border-radius:22px;background:#fff;color:var(--collect-ink);box-shadow:0 8px 24px rgba(38,52,74,.06);transition:transform .16s ease,box-shadow .16s ease}
.collect-trio-home .choice:active{transform:scale(.985);box-shadow:0 4px 12px rgba(38,52,74,.08)}
.collect-trio-home .choice h3{font-size:22px;color:var(--collect-ink)}
.collect-trio-home .choice-copy{margin:6px 54px 0 0;color:var(--collect-mute);font-size:11px;line-height:1.45}
.collect-trio-home .choice-badge{margin-bottom:7px;background:var(--collect-sky-soft);color:#287ea8}
.collect-trio-home .choice-badge:before{content:"✦"}
.collect-trio-home .choice-arrow{right:13px;bottom:50%;width:42px;height:42px;transform:translateY(50%);background:var(--collect-ink);color:#fff}
.collect-trio-home .choice-quiz,
.collect-trio-home .choice-fragments,
.collect-trio-home .choice-moments{min-height:104px;padding:14px 78px 13px 18px}
.collect-trio-home .choice-quiz{background:linear-gradient(135deg,#fff 50%,var(--collect-sky-soft));border-color:var(--collect-line)}
.collect-trio-home .choice-fragments{background:linear-gradient(135deg,#fff 42%,#f4f9ff 72%,#fff0f3);color:var(--collect-ink)}
.collect-trio-home .choice-moments{background:linear-gradient(135deg,#fff 45%,var(--collect-peach-soft));border-color:#ffd0da}
.collect-trio-home .choice-moments .choice-badge{background:var(--collect-peach-soft);color:#b84f67}
.collect-trio-home .choice-moments .choice-arrow{background:var(--collect-peach)}
.collect-trio-home .choice-time{position:static;margin:6px 0 0;color:var(--collect-mute)}
.collect-trio-home .quiz-map{display:none}
.collect-trio-home .fragment-vortex{right:56px;top:17px;width:68px;height:68px;border-color:rgba(120,205,246,.45);box-shadow:inset 0 0 20px rgba(120,205,246,.16)}
.collect-trio-home .fragment-vortex:before{inset:9px -4px}.collect-trio-home .fragment-vortex:after{inset:19px 8px}
.collect-trio-home .fragment-vortex i:nth-child(6){left:25px;top:25px;width:12px;height:12px;background:var(--collect-peach)}
.collect-trio-home .moment-stack{position:absolute;right:62px;top:25px;width:48px;height:55px;border:2px solid #fff;border-radius:11px;background:linear-gradient(150deg,var(--collect-sky),#fff);box-shadow:-9px 7px 0 -2px #ffc7d2,0 8px 18px rgba(38,52,74,.1);transform:rotate(5deg)}
.collect-trio-home .sheet-note{color:var(--collect-mute)}
.collect-trio-home .sheet-note:before,.collect-trio-home .sheet-note:after{color:var(--collect-sky)}

/* 读瞬间：保留真实上传与提交 DOM，只重排视觉。 */
.collect-trio-moments{background:linear-gradient(180deg,var(--collect-sky-soft),#fff 35%,var(--collect-paper));color:var(--collect-ink)}
.collect-trio-moments .page{max-width:480px;background:transparent}
.collect-trio-moments .top-bar{border-bottom-color:rgba(120,205,246,.32);background:rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.collect-trio-moments .top-bar h1{color:var(--collect-ink)}
.collect-trio-moments .nav-back,.collect-trio-moments .nav-help{color:var(--collect-ink);border-color:var(--collect-line);background:#fff}
.collect-trio-moments .upload-intro{margin-top:24px;text-align:left}
.collect-trio-moments .upload-kicker{justify-content:flex-start;color:#3d91b7}
.collect-trio-moments .upload-intro h2{margin-top:8px;color:var(--collect-ink);font-size:36px;line-height:1.12}
.collect-trio-moments .upload-intro p{margin-top:10px;color:var(--collect-mute);font-size:14px;line-height:1.65}
.collect-trio-moments .upload-lab{margin-top:22px;padding:14px;border:1px solid var(--collect-line);border-radius:26px;background:rgba(255,255,255,.88);box-shadow:0 18px 40px rgba(38,52,74,.07)}
.collect-trio-moments .slots{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px}
.collect-trio-moments .slot,.collect-trio-moments .slot:first-child{min-width:0;min-height:0;aspect-ratio:3/4;border:1.5px dashed #aadcf4;border-radius:19px;background:linear-gradient(155deg,#f8fdff,#fff7f8);color:#5a9fc0}
.collect-trio-moments .slot img{border-radius:18px}
.collect-trio-moments .slot-placeholder .plus{color:var(--collect-sky);font-size:38px}
.collect-trio-moments .slot-placeholder span{color:var(--collect-mute)}
.collect-trio-moments .moments-cell-delete{z-index:4;top:8px;right:8px;width:32px;height:32px;border:0;background:rgba(38,52,74,.76);color:#fff}
.collect-trio-moments .moments-cell-change{position:absolute;z-index:3;left:50%;bottom:9px;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--collect-ink);font-size:10px;font-weight:700;box-shadow:0 4px 12px rgba(38,52,74,.12);pointer-events:none}
.collect-trio-moments .lab-merge{display:none}
.collect-trio-moments .privacy-row{margin-top:14px;color:var(--collect-mute);font-size:11px}
.collect-trio-moments .ready-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--collect-mute);font-size:12px}
.collect-trio-moments .ready-status{margin:0;color:var(--collect-ink);font-weight:700}
.collect-trio-moments .ready-track{height:7px;margin:8px 0 18px;overflow:hidden;border-radius:999px;background:var(--collect-disabled)}
.collect-trio-moments .ready-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--collect-sky),var(--collect-peach));transition:width .22s ease}
.collect-trio-moments .btn-primary{min-height:54px;border-radius:18px;background:linear-gradient(110deg,#ff829e,var(--collect-peach));box-shadow:0 12px 24px rgba(255,143,167,.22)}
.collect-trio-moments .btn-primary:disabled{background:var(--collect-disabled);color:#96a0a9;box-shadow:none}
.collect-trio-moments .btn-secondary{color:var(--collect-mute)}
.collect-trio-moments .read-meta,.collect-trio-moments .moments-preview{display:none}

/* 答题：真实题目与规则不变，收束成蓝粉视觉。 */
.collect-trio-quiz{background:linear-gradient(180deg,var(--collect-sky-soft),#fff 43%,var(--collect-paper));color:var(--collect-ink)}
.collect-trio-quiz .app{max-width:480px;background:transparent}
.collect-trio-quiz .topbar{background:rgba(255,255,255,.78);border-bottom-color:rgba(120,205,246,.32);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.collect-trio-quiz .back{border-color:var(--collect-line);background:#fff;color:var(--collect-ink)}
.collect-trio-quiz .brand b{color:var(--collect-ink)}
.collect-trio-quiz .collect-quiz-intro{padding:22px 22px 4px}
.collect-trio-quiz .collect-quiz-kicker{display:flex;align-items:center;gap:8px;color:#3d91b7;font-size:12px;font-weight:700}
.collect-trio-quiz .collect-quiz-kicker i{width:8px;height:8px;border-radius:50%;background:var(--collect-sky);box-shadow:0 0 0 5px rgba(120,205,246,.17)}
.collect-trio-quiz .collect-quiz-intro h1{margin:13px 0 4px;color:var(--collect-ink);font-family:var(--serif);font-size:31px;line-height:1.2}
.collect-trio-quiz .collect-quiz-intro p{margin:0;color:var(--collect-mute);font-size:13px}
.collect-trio-quiz .progress-wrap{padding-top:15px}
.collect-trio-quiz .progress-track{background:var(--collect-disabled)}
.collect-trio-quiz .progress-bar{background:linear-gradient(90deg,var(--collect-sky),var(--collect-peach))}
.collect-trio-quiz .progress-copy,.collect-trio-quiz .question-no,.collect-trio-quiz .question-hint,.collect-trio-quiz .single-tip{color:var(--collect-mute)}
.collect-trio-quiz .question-screen{margin:12px 16px 22px;padding:23px 18px;border:1px solid var(--collect-line);border-radius:25px;background:rgba(255,255,255,.9);box-shadow:0 16px 36px rgba(38,52,74,.07)}
.collect-trio-quiz .question-title{color:var(--collect-ink)}
.collect-trio-quiz .mode-tag{border:1px solid var(--collect-line);background:var(--collect-sky-soft);color:#287ea8}
.collect-trio-quiz .option{border-color:var(--collect-line);background:#fff;color:var(--collect-ink);box-shadow:none}
.collect-trio-quiz .option.selected{border-color:#ff9db2;background:var(--collect-peach-soft);color:var(--collect-ink);box-shadow:0 0 0 2px rgba(255,143,167,.14)}
.collect-trio-quiz .option.selected .option-index,.collect-trio-quiz .option.selected .option-check{border-color:var(--collect-peach);background:var(--collect-peach);color:#fff}
.collect-trio-quiz .multi-footer{border-top-color:#ffd4dd;background:rgba(255,249,243,.96);box-shadow:0 -12px 32px rgba(38,52,74,.08)}
.collect-trio-quiz .multi-footer .confirm{min-height:52px;border-radius:17px;background:linear-gradient(105deg,#ff829e,var(--collect-peach));box-shadow:0 9px 20px rgba(255,143,167,.2)}
.collect-trio-quiz .multi-footer .confirm:disabled{background:var(--collect-disabled);color:#96a0a9;box-shadow:none}
.collect-trio-quiz .exit-layer{align-items:end;padding:0;background:rgba(38,52,74,.36)}
.collect-trio-quiz .exit-dialog{width:min(100%,480px);padding:28px 20px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--collect-paper)}
.collect-trio-quiz .exit-dialog h2{color:var(--collect-ink)}
.collect-trio-quiz .exit-dialog p{color:var(--collect-mute)}
.collect-trio-quiz .exit-actions button{min-height:50px;border-radius:16px}
.collect-trio-quiz .exit-continue{background:linear-gradient(105deg,#ff829e,var(--collect-peach))}
.collect-trio-quiz .exit-confirm{border-color:var(--collect-line);color:var(--collect-ink);background:#fff}

@media(max-width:380px){
  .collect-trio-home .sheet{padding-inline:15px}.collect-trio-home .sheet-status{margin-top:0}.collect-trio-home .sheet h2{font-size:27px}.collect-trio-home .choices{gap:8px;margin-top:10px}.collect-trio-home .choice,.collect-trio-home .choice-quiz,.collect-trio-home .choice-fragments,.collect-trio-home .choice-moments{min-height:92px}.collect-trio-home .choice h3{font-size:20px}.collect-trio-home .choice-copy{font-size:10.5px}.collect-trio-home .sheet-note{margin-top:9px}
  .collect-trio-moments .upload-intro{margin-top:15px}.collect-trio-moments .upload-intro h2{font-size:30px}.collect-trio-moments .upload-lab{margin-top:15px;padding:10px}.collect-trio-moments .slots{gap:8px}.collect-trio-moments .privacy-row{margin-top:10px}.collect-trio-moments .ready-line{margin-top:12px}.collect-trio-moments .ready-track{margin-bottom:12px}
  .collect-trio-quiz .collect-quiz-intro{padding-top:14px}.collect-trio-quiz .collect-quiz-intro h1{font-size:27px;margin-top:9px}.collect-trio-quiz .progress-wrap{padding-top:10px}.collect-trio-quiz .question-screen{margin-top:8px;padding-top:18px}.collect-trio-quiz .exit-dialog{padding-top:22px}.collect-trio-quiz .exit-actions button{min-height:48px}
}

@media(prefers-reduced-motion:reduce){
  .collect-trio-home .choice,.collect-trio-moments .ready-track i{transition:none!important}
}