:root{--color-bg:#faf8f5;--color-surface:#ffffff;--color-text:#3d3832;--color-text-muted:#8a8279;--color-accent:#b8a99a;--color-accent-hover:#a69484;--color-accent-selected:#7c6d5f;--color-border:#e8e2db;--color-error:#c47a6a;--color-success:#7a9e7e;--font-body:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;--max-width:640px;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2.5rem;--spacing-xl:4rem;--radius:8px;--radius-pill:24px;--transition:0.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.8;min-height:100vh}.container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.intro-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.intro-section p{color:var(--color-text-muted);font-size:.95rem;margin-bottom:var(--spacing-sm)}.instructions-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border)}.instructions-section p{font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.instructions-section p:last-child{margin-bottom:0}.question-card,.questions-section{margin-bottom:var(--spacing-lg)}.question-card{padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border)}.question-text{font-size:.95rem;line-height:1.8;margin-bottom:var(--spacing-md)}.question-number{color:var(--color-accent);font-weight:500}.likert-scale{-webkit-user-select:none;-moz-user-select:none;user-select:none}.likert-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs);padding:0 2px}.likert-options{gap:6px}.likert-option,.likert-options{display:flex;justify-content:center}.likert-option{width:40px;height:40px;border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.85rem;cursor:pointer;transition:all var(--transition);align-items:center;font-family:inherit}.likert-option:hover{border-color:var(--color-accent-hover);color:var(--color-text)}.likert-option.selected{background:var(--color-accent-selected);border-color:var(--color-accent-selected);color:#fff}.optional-question{border-style:dashed}.optional-label{font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.optional-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.optional-option{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);cursor:pointer;transition:background var(--transition);font-size:.9rem}.optional-option.selected,.optional-option:hover{background:var(--color-bg)}.optional-option input[type=radio]{display:none}.option-value{color:var(--color-accent);font-weight:500;flex-shrink:0}.option-text{color:var(--color-text)}.submit-section{text-align:center;padding-top:var(--spacing-md)}.submit-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-size:.95rem;font-family:inherit;color:#fff;background:var(--color-accent-selected);border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);letter-spacing:.05em}.submit-button:hover:not(:disabled){background:var(--color-accent-hover)}.submit-button:disabled{opacity:.4;cursor:not-allowed}.error-message{color:var(--color-error);font-size:.85rem;margin-bottom:var(--spacing-sm)}.cooldown-message{text-align:center;padding:var(--spacing-xl) 0}.cooldown-message h1{font-size:1.3rem;font-weight:500;margin-bottom:var(--spacing-md)}.cooldown-message p{font-size:.95rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.cooldown-note{font-size:.85rem;font-style:italic;margin-top:var(--spacing-md)}.result-section{padding:var(--spacing-lg) 0}.result-section h1{font-size:1.3rem;font-weight:500}.result-description,.result-section h1{margin-bottom:var(--spacing-lg)}.result-description p{font-size:.95rem;margin-bottom:var(--spacing-sm)}.result-description ul{list-style:none;padding:0}.result-description li{position:relative;padding-left:var(--spacing-md);font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.result-description li:before{content:"·";position:absolute;left:.5rem;color:var(--color-accent)}.result-note{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border)}.result-note p{font-size:.9rem;color:var(--color-text-muted)}.result-passed{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.result-passed p{font-size:.95rem;color:var(--color-text);margin-bottom:var(--spacing-md)}.continue-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-size:.95rem;color:#fff;background:var(--color-success);border-radius:var(--radius-pill);text-decoration:none;transition:opacity var(--transition);letter-spacing:.05em}.continue-link:hover{opacity:.85}.welcome-section{text-align:center;padding:var(--spacing-xl) 0}.welcome-section h1{font-size:1.5rem;font-weight:500;margin-bottom:var(--spacing-md)}.welcome-section>p{font-size:.95rem;color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.welcome-content{padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);text-align:left}.welcome-content p{font-size:.9rem;margin-bottom:var(--spacing-sm)}.qr-wrapper{display:flex;justify-content:center;padding:var(--spacing-md) 0}.qr-wrapper img{border-radius:var(--radius);max-width:100%;height:auto}@media (max-width:480px){.container{padding:var(--spacing-lg) var(--spacing-sm)}.likert-option{width:36px;height:36px;font-size:.8rem}.likert-options{gap:4px}}