:root{--bg:#f6f7f9;--card:#fff;--text:#1f2328;--muted:#6b7280;--border:#e4e7ec;--accent:#2563eb;--accent-soft:#eff6ff;--ok:#16a34a;--ok-soft:#f0fdf4;--bad:#dc2626;--bad-soft:#fef2f2;--warn:#b45309;--warn-soft:#fffbeb;--radius:12px;--shadow:0 1px 3px #1018280f, 0 1px 2px #1018280a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Source Han Sans SC,sans-serif;font-size:15px;line-height:1.65}button{font-family:inherit}.app-header{background:var(--card);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0}.app-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1020px;margin:0 auto;padding:0 20px;display:flex}.app-title{letter-spacing:.01em;margin:14px 0;font-size:18px;font-weight:650}.tabs{gap:4px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 14px 10px;font-size:14px}.tab:hover{color:var(--text)}.tab.is-active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.app-main{max-width:1020px;margin:0 auto;padding:24px 20px 80px}.view{display:none}.view.is-active{display:block}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel h2{margin:0 0 8px;font-size:16px;font-weight:650}.panel-sub{color:var(--muted);margin:0 0 14px;font-size:13px}.level-progress{color:var(--muted);margin-bottom:12px;font-size:13px}.level-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.tag{color:#4b5563;white-space:nowrap;background:#f3f4f6;border-radius:999px;padding:2px 9px;font-size:12px;line-height:1.6;display:inline-block}.scenario-card{margin-bottom:14px}.scenario-card p,.question-card p{color:#374151;margin:0}.question-card{margin-bottom:18px}.version-toggle{gap:8px;margin-bottom:12px;display:flex}.version-toggle[hidden]{display:none!important}.seg{border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;border-radius:8px;flex:1;padding:10px;font-size:14px}.seg.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:600}.versions{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.version-card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;padding:16px;transition:border-color .15s,box-shadow .15s}.version-card:hover{border-color:#c7cdd6}.version-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.version-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.version-badge{color:#fff;background:#1f2937;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.version-name{color:#374151;font-size:14px;font-weight:600}.shared-elements{color:var(--muted);margin:0 0 18px;font-size:12px}.phone{border:1px solid var(--border);background:#fafbfc;border-radius:16px;max-width:360px;margin:0 auto;overflow:hidden}.phone-screen{background:#fafbfc;flex-direction:column;min-height:300px;display:flex}.mock-topbar{color:#111827;background:#fff;border-bottom:1px solid #eef0f3;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.mock-back{color:#6b7280;font-size:19px;line-height:1}.mock-top-title{text-align:center;flex:1}.mock-top-right{color:#6b7280;text-align:right;min-width:24px;font-size:12px}.mock-body{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex}.mock-centered{text-align:center;justify-content:center;align-items:center;padding:28px 20px}.mock-text-block{flex-direction:column;align-items:center;gap:8px;display:flex}.mock-title-text{color:#1f2937;margin:0;font-size:15px;font-weight:600}.mock-value-text{color:#6b7280;max-width:230px;margin:0;font-size:13px}.mock-heart{width:34px;height:30px;position:relative}.mock-heart:before,.mock-heart:after{content:"";background:#d1d5db;border-radius:17px 17px 0 0;width:17px;height:28px;position:absolute;top:0}.mock-heart:before{transform-origin:0 100%;left:17px;transform:rotate(-45deg)}.mock-heart:after{transform-origin:100% 100%;left:0;transform:rotate(45deg)}.mock-btn{text-align:center;color:#fff;background:#1f2937;border-radius:8px;padding:9px 16px;font-size:14px}.mock-btn-block{width:100%}.mock-btn-secondary{color:#1f2937;background:#f3f4f6;border:1px solid #d1d5db}.mock-action-slot{width:100%;height:42px}.mock-form .mock-field{flex-direction:column;gap:5px;display:flex}.mock-label{color:#6b7280;font-size:12px}.mock-input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:9px 11px;font-size:13px}.mock-input-multi{min-height:46px}.mock-input-error{border-color:#dc2626}.mock-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.mock-actions-split{flex-direction:row;gap:10px}.mock-actions-split .mock-btn{flex:1}.mock-link-btn{text-align:center;color:#6b7280;padding:4px;font-size:13px}.mock-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 11px;font-size:13px}.mock-inline-error{color:#b91c1c;font-size:12px}.mock-list{gap:0;padding:0}.mock-list-row{background:#fff;border-bottom:1px solid #f0f1f3;align-items:center;gap:10px;padding:10px 14px;display:flex}.mock-thumb{background:#e5e7eb;border-radius:8px;flex:none;width:44px;height:44px}.mock-row-main{flex:1;min-width:0}.mock-row-title{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mock-row-price{color:#6b7280;margin-top:2px;font-size:12px}.mock-swipe-btns{flex:none;gap:4px;display:flex}.mock-mini-btn{color:#4b5563;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:5px 6px;font-size:11px}.mock-logo{color:#2563eb;font-size:17px;font-weight:700}.mock-brand-name{flex:1;font-size:14px;font-weight:700}.mock-search-pill{color:#6b7280;background:#f3f4f6;border-radius:999px;padding:3px 10px;font-size:12px}.mock-top-tabs{background:#fff;border-bottom:1px solid #eef0f3;gap:6px;padding:10px 12px;display:flex;overflow-x:auto}.mock-top-tab{color:#4b5563;white-space:nowrap;background:#f3f4f6;border-radius:999px;padding:5px 10px;font-size:12px}.mock-top-tab.active{color:#fff;background:#1f2937}.mock-content{flex-direction:column;gap:14px;padding:12px;display:flex}.mock-section-title{margin-bottom:8px;font-size:13px;font-weight:600}.mock-card-row{gap:8px;display:flex}.mock-card{background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border-radius:8px;flex:1;height:64px}.mock-content-grid{grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.mock-album{text-align:center}.mock-album-cover{background:linear-gradient(135deg,#dbeafe,#ede9fe);border-radius:8px;height:76px}.mock-album-name{color:#4b5563;margin-top:5px;font-size:11px}.mock-bottom-tabs{background:#fff;border-top:1px solid #eef0f3;margin-top:auto;display:flex}.mock-bottom-tab{text-align:center;color:#6b7280;flex:1;padding:10px 0;font-size:12px}.mock-bottom-tab.active{color:#1f2937;font-weight:600}.rationale-panel label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}#rationale-input{resize:vertical;border:1px solid var(--border);width:100%;min-height:76px;color:var(--text);background:var(--card);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}#rationale-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1f}#rationale-input:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.rationale-hint{min-height:20px;color:var(--bad);margin:6px 0 10px;font-size:13px}.scoring-note{color:var(--muted);margin:0 0 12px;font-size:12px}.btn{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:8px;padding:9px 18px;font-size:14px;transition:background .15s,border-color .15s;display:inline-block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-ghost{background:var(--card);border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:#fafbfc;border-color:#c7cdd6}.reveal-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.reveal-area{flex-direction:column;gap:14px;margin-top:24px;display:flex}.judgment{align-items:center;gap:14px;display:flex}.judgment p{color:var(--muted);margin:2px 0 0;font-size:13px}.judgment.ok{background:var(--ok-soft);border-color:#bbf7d0}.judgment.bad{background:var(--bad-soft);border-color:#fecaca}.judgment.ok .judgment-mark{background:var(--ok)}.judgment.bad .judgment-mark{background:var(--bad)}.judgment-mark{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;font-weight:700;display:flex}.obviousness-note{color:var(--muted);margin:10px 0 0;font-size:12px}.diff-legend{flex-direction:column;gap:10px;margin:0;padding-left:0;list-style:none;display:flex}.diff-legend li{align-items:flex-start;gap:10px;display:flex}.legend-num{background:var(--bad);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:12px;font-weight:600;display:flex}.diff-legend strong{font-size:14px}.diff-legend p{color:#374151;margin:2px 0 0;font-size:13px}.diff-cover{color:var(--muted);margin:3px 0 0;font-size:12px}.diff-region{position:relative}.diff-active{outline:2px dashed var(--bad);outline-offset:2px;border-radius:6px}.diff-badge{background:var(--bad);color:#fff;z-index:5;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-9px;left:-9px}.principle-order{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.principle-order span{color:#4b5563;background:#f3f4f6;border-radius:999px;padding:2px 9px;font-size:12px}.principle-points{margin:10px 0 14px;padding-left:22px}.principle-points li{color:#374151;margin-bottom:6px}.principle-block{border-top:1px solid #eef0f3;margin-top:12px;padding-top:12px}.principle-block h3{color:#111827;margin:0 0 4px;font-size:13px;font-weight:600}.principle-block p{color:#374151;margin:0;font-size:14px}.ideal-card.emphasis{background:var(--warn-soft);border-color:#fcd34d}.ideal-card p{color:#374151;margin:10px 0 0}.match-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.match-item{border:1px solid var(--border);background:#fafbfc;border-radius:8px;align-items:flex-start;gap:10px;padding:9px 11px;font-size:13px;display:flex}.match-item.hit{background:var(--ok-soft);border-color:#bbf7d0}.match-item.miss{background:var(--bad-soft);border-color:#fecaca}.match-mark{color:#fff;border-radius:999px;flex:none;padding:2px 9px;font-size:12px;font-weight:600}.match-item.hit .match-mark{background:var(--ok)}.match-item.miss .match-mark{background:var(--bad)}.match-point{flex:1}.match-keys{color:var(--muted);margin-top:3px;font-size:12px;display:block}.rating-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.rating-option{border:1px solid var(--border);cursor:pointer;background:#fafbfc;border-radius:10px;flex-direction:column;gap:3px;padding:11px 12px;font-size:13px;display:flex}.rating-option.is-active{border-color:var(--accent);background:var(--accent-soft)}.rating-option input{opacity:0;pointer-events:none;position:absolute}.rating-score{font-weight:650}.rating-desc{color:var(--muted);font-size:12px}.rating-hint{min-height:20px;color:var(--bad);margin-top:8px;font-size:13px}.saved-note{color:var(--ok);margin:10px 0 0;font-size:13px}.completion-card{text-align:center;padding:40px 24px}.completion-icon{background:var(--ok);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 14px;font-size:21px;font-weight:700;display:flex}.completion-accuracy{margin:0 0 6px;font-size:17px;font-weight:650}.completion-card p{color:var(--muted)}.track-badge{border-radius:999px;margin:10px 0 14px;padding:6px 16px;font-size:14px;font-weight:650;display:inline-block}.track-badge.fast{background:var(--ok-soft);color:var(--ok);border:1px solid #bbf7d0}.track-badge.standard{color:#4b5563;border:1px solid var(--border);background:#f3f4f6}.page-head{margin-bottom:16px}.todo-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.todo-item{border:1px solid var(--border);background:var(--card);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.todo-item.done{background:#fafbfc}.todo-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.todo-id{color:var(--muted);font-size:12px;font-weight:650}.todo-status{white-space:nowrap;font-size:13px;font-weight:600}.todo-status.ok{color:var(--ok)}.todo-status.bad{color:var(--bad)}.todo-status.todo{color:#9ca3af}.empty-note{border:1px dashed var(--border);text-align:center;color:var(--muted);background:#fafbfc;border-radius:10px;padding:26px 18px;font-size:14px}.report-card{margin-bottom:12px}.report-head{color:var(--muted);align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.report-id{color:var(--text);font-weight:650}.report-content{white-space:pre-wrap;color:#374151;font-size:14px}.report-highlights{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:12px}.calibration-rows{flex-direction:column;display:flex}.calibration-row{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.calibration-row:last-child{border-bottom:none}.calibration-row span{color:var(--muted)}.calibration-row strong{color:var(--text)}.page-foot{text-align:center;color:#9ca3af;margin-top:20px;font-size:12px}.toast{color:#fff;opacity:0;pointer-events:none;z-index:50;background:#111827;border-radius:10px;max-width:88vw;padding:10px 18px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 8px 24px #0000002e}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=719px){.versions{grid-template-columns:1fr}.version-card{display:none}.version-card.visible{display:block}.rating-options{grid-template-columns:1fr}.app-header-inner{padding:0 14px}.app-main{padding:18px 14px 70px}.version-toggle[hidden]{display:flex!important}}.phone-screen{min-height:320px;position:relative}.storyboard-hint{color:var(--muted);background:var(--accent-soft);border:1px solid #dbeafe;border-radius:10px;margin:0 0 14px;padding:9px 13px;font-size:13px}.sb-controls{gap:6px;margin-bottom:10px;display:flex}.sb-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fafbfc;border-radius:8px;flex:1;padding:6px 0;font-size:12px;transition:background .15s,border-color .15s,color .15s}.sb-btn:hover{border-color:#c7cdd6}.sb-btn.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.sb-frame{flex-direction:column;flex:1;display:none}.sb-frame.is-active{animation:.32s sbIn;display:flex}@keyframes sbIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sb-caption{color:var(--muted);min-height:34px;margin:10px 0 0;font-size:12px}.sb-skeleton{flex-direction:column;align-items:center;gap:10px;width:78%;display:flex}.sb-skeleton i{background:linear-gradient(90deg,#eceef1 25%,#f7f8fa 50%,#eceef1 75%) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.1s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mock-note{text-align:center;border-radius:8px;margin-top:12px;padding:8px 11px;font-size:12px;line-height:1.5}.mock-note.warn{background:var(--warn-soft);color:var(--warn);border:1px solid #fde68a}.mock-note.ok{background:var(--ok-soft);color:var(--ok);border:1px solid #bbf7d0}.mock-toast{color:#fff;white-space:nowrap;z-index:6;background:#111827;border-radius:999px;padding:7px 14px;font-size:12px;animation:.35s toastIn;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0000002e}.mock-toast.warn{background:#92400e}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.mock-heart.is-accent,.mock-heart.is-accent:before,.mock-heart.is-accent:after{background:#2563eb}.mock-btn-primary{background:var(--accent)}.mock-btn-go{animation:1.4s ease-in-out infinite btnPulse}@keyframes btnPulse{0%,to{box-shadow:0 0 #2563eb47}50%{box-shadow:0 0 0 6px #2563eb00}}.mock-back-pulse{color:var(--accent);margin-top:12px;font-size:13px;font-weight:600;animation:1s ease-in-out infinite backPulse}@keyframes backPulse{0%,to{opacity:.7;transform:translate(0)}50%{opacity:1;transform:translate(-4px)}}.mock-success-mark{background:var(--ok);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 8px;font-size:20px;font-weight:700;animation:.4s popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.mock-btn.is-tapped{outline:2px dashed var(--warn);outline-offset:2px}.mock-field-ok .mock-input-ok{border-color:var(--ok)}.mock-ok-line{color:var(--ok);font-size:12px}.mock-list-row{padding:0;position:relative;overflow:hidden}.mock-row-content{background:#fff;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 14px;transition:transform .2s;display:flex}.mock-list-row.is-swiped .mock-row-content{transform:translate(-96px)}.mock-row-actions{opacity:0;pointer-events:none;background:#f3f4f6;align-items:center;gap:4px;padding:0 8px;display:flex;position:absolute;top:0;bottom:0;right:0}.mock-list-row.is-swiped .mock-row-actions{opacity:1}.mock-mini-btn.is-danger{color:var(--bad);background:#fee2e2;border-color:#fecaca;font-weight:600}.mock-swipe-hint{color:#9ca3af;flex:none;margin-left:auto;font-size:12px}.mock-thumb-zone{border-top:2px solid var(--ok);animation:1.6s ease-in-out infinite zoneGlow}@keyframes zoneGlow{0%,to{box-shadow:inset 0 0 #16a34a00}50%{box-shadow:inset 0 0 0 2px #16a34a2e}}.mock-bottom-tabs:empty{display:none}.sb-text-panel{color:#374151;background:#fff;flex-direction:column;flex:1;gap:10px;padding:16px;font-size:13px;line-height:1.7;display:flex}.sb-text-panel p{white-space:pre-line;margin:0}.sb-frame-tag{color:var(--accent);background:var(--accent-soft);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:12px}.sb-split-desc{flex-direction:column;gap:10px;display:flex}.sb-ver-desc{border:1px solid var(--border);background:#fafbfc;border-radius:10px;padding:10px 12px}.sb-ver-desc strong{color:#111827;font-size:13px}.sb-ver-desc p{color:#4b5563;white-space:pre-line;margin:5px 0 0;font-size:12.5px}.reason-panel{margin-top:14px}.reason-panel h2{margin-bottom:2px}.reason-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.reason-item{color:#374151;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;display:flex}.reason-mark{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.reason-mark.ok{background:var(--ok)}.reason-mark.bad{background:var(--bad)}.verdict-extra{font-size:13px;font-weight:600;margin:8px 0 0!important}.verdict-extra.is-good{color:var(--ok)}.verdict-extra.is-warn{color:var(--warn)}.verdict-extra.is-bad{color:var(--bad)}@media (width<=719px){.sb-caption{min-height:46px}.sb-split-desc{flex-direction:column}}.atlas-search{border:1px solid var(--border);background:var(--card);width:100%;max-width:460px;color:var(--text);border-radius:999px;margin:0 0 18px;padding:9px 18px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.atlas-search:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1f}.atlas-search::placeholder{color:#9ca3af}.atlas-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.atlas-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;padding:16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.atlas-card:hover{border-color:#c7cdd6;transform:translateY(-1px);box-shadow:0 2px 8px #10182814}.atlas-card:active{transform:none}.atlas-card-head,.atlas-detail-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.atlas-pattern{color:var(--accent);letter-spacing:.01em;font-size:16px;font-weight:700}.atlas-card-title{color:#374151;font-size:13px;line-height:1.5}.atlas-card-versions{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.atlas-lil-ver{color:#4b5563;border:1px solid var(--border);background:#fafbfc;border-radius:999px;padding:2px 9px;font-size:12px}.atlas-lil-ver.bad{color:var(--bad);background:var(--bad-soft);border-color:#fecaca}.atlas-lil-ver.good{color:var(--ok);background:var(--ok-soft);border-color:#bbf7d0}.atlas-detail{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);grid-column:1/-1;padding:20px;animation:.25s atlasIn}@keyframes atlasIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.atlas-detail-head{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.atlas-close{border:1px solid var(--border);color:#4b5563;cursor:pointer;background:#fafbfc;border-radius:999px;padding:5px 13px;font-size:13px;transition:border-color .15s,color .15s}.atlas-close:hover{border-color:var(--bad);color:var(--bad)}.atlas-section+.atlas-section{margin-top:20px}.atlas-section h4{color:#111827;margin:0 0 10px;font-size:14px;font-weight:650}.atlas-body-text{color:#374151;white-space:pre-line;margin:0;font-size:14px}.atlas-frames{align-items:stretch;gap:10px;display:flex}.atlas-frame{border:1px solid var(--border);background:#fafbfc;border-radius:10px;flex-direction:column;flex:1;gap:8px;padding:12px 14px;display:flex}.atlas-frame p{color:#4b5563;white-space:pre-line;margin:0;font-size:13px;line-height:1.65}.atlas-frame-tag{color:var(--accent);background:var(--accent-soft);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:12px;font-weight:600}.atlas-arrow{color:#c7cdd6;flex:none;align-self:center;padding:0 2px;font-size:20px}.atlas-versions{grid-template-columns:1fr 1fr;gap:14px;display:grid}.atlas-version{border:1px solid var(--border);border-top:3px solid var(--border);background:#fafbfc;border-radius:10px;padding:14px}.atlas-version.bad{border-top-color:var(--bad);background:linear-gradient(180deg, var(--bad-soft), #fff 42%)}.atlas-version.good{border-top-color:var(--ok);background:linear-gradient(180deg, var(--ok-soft), #fff 42%)}.atlas-ver-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.atlas-ver-head strong{color:#111827;font-size:14px}.atlas-ver-badge{color:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.atlas-ver-badge.bad{background:var(--bad)}.atlas-ver-badge.good{background:var(--ok)}.atlas-ver-desc{color:#4b5563;white-space:pre-line;margin:0 0 10px;font-size:13px;line-height:1.65}.atlas-ver-changes-head{color:#6b7280;margin-bottom:6px;font-size:12px;font-weight:650}.atlas-ver-changes{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.atlas-ver-changes li{color:#374151;font-size:13px;line-height:1.6}.atlas-base-line{color:var(--ok);background:var(--ok-soft);border-radius:999px;margin:0;padding:2px 10px;font-size:12px;display:inline-block}.atlas-reveal{flex-direction:column;gap:6px;display:flex}.atlas-reveal-item{align-items:center;gap:8px;font-size:14px;display:flex}.atlas-reveal-label{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:650}.atlas-reveal-block h5{color:#6b7280;margin:12px 0 6px;font-size:13px;font-weight:650}.atlas-list{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.atlas-list li{color:#374151;font-size:13px;line-height:1.6}.atlas-principle{background:var(--accent-soft);border:1px solid #dbeafe;border-radius:10px;margin-top:4px;padding:14px}.atlas-principle-title{color:var(--accent);font-size:14px}.atlas-principle-summary{color:#1f2937;margin:8px 0 0;font-size:13.5px;font-weight:600}.atlas-principle .atlas-list{margin-top:8px}.atlas-anchor{border:1px dashed var(--accent);background:#fff;border-radius:8px;margin-top:12px;padding:10px 12px}.atlas-anchor-label{color:var(--accent);margin-bottom:4px;font-size:12px;font-weight:650;display:inline-block}.atlas-anchor p{color:#374151;margin:0;font-size:13px;line-height:1.65}.atlas-grid>.empty-note{grid-column:1/-1}@media (width<=719px){.atlas-frames{flex-direction:column}.atlas-arrow{transform:rotate(90deg)}.atlas-versions{grid-template-columns:1fr}.atlas-detail{padding:16px}}