:root{--primary-color: #6C63FF;--primary-dark: #5a52d5;--bg-color: #f0f2f5;--card-bg: #ffffff;--text-main: #2d3436;--text-sec: #636e72;--shadow: 0 8px 30px rgba(0, 0, 0, .08);--radius: 20px;--transition: .4s cubic-bezier(.25, .8, .25, 1)}body{margin:0;font-family:Noto Sans SC,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);display:flex;justify-content:center;min-height:100vh;-webkit-font-smoothing:antialiased}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes breathe{0%{transform:scale(1);box-shadow:0 4px 15px #6c63ff4d}50%{transform:scale(1.02);box-shadow:0 8px 25px #6c63ff66}to{transform:scale(1);box-shadow:0 4px 15px #6c63ff4d}}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffffff2;z-index:1000;display:none;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#loading-overlay.active{display:flex;animation:fadeIn .5s}.loading-pulse-container{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center;margin-bottom:30px}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid var(--primary-color);opacity:0;box-shadow:0 0 15px #6c63ff66;animation:ripple 2.5s cubic-bezier(.25,1,.5,1) infinite}.pulse-ring:nth-child(2){animation-delay:.8s}.pulse-ring:nth-child(3){animation-delay:1.6s}.dna-icon{font-size:40px;z-index:10;animation:heartbeat 1.5s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.loading-text{font-size:18px;background:linear-gradient(90deg,#6c63ff,#ff6584,#6c63ff);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;animation:gradientFlow 3s ease infinite;margin-top:10px}@keyframes ripple{0%{transform:scale(.6);opacity:.8;border-width:4px}to{transform:scale(2.2);opacity:0;border-width:1px}}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}to{transform:scale(1)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-container{width:100%;max-width:480px;background:var(--bg-color);min-height:100vh;position:relative;overflow-x:hidden}.screen{display:none;padding:24px 24px 80px;animation:fadeIn .5s ease}.screen.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{font-size:28px;font-weight:700;color:var(--text-main);margin-bottom:8px}h2{font-size:22px;font-weight:600;margin-bottom:16px}h3{font-size:18px;font-weight:600;color:var(--primary-color);margin-bottom:12px;border-left:4px solid var(--primary-color);padding-left:10px}p{font-size:15px;line-height:1.6;color:var(--text-sec)}.content-box{background:var(--card-bg);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);margin-bottom:20px}.primary-btn,.secondary-btn,.option-btn{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition)}.slide-in{animation:slideInRight .4s cubic-bezier(.2,.8,.2,1) forwards}.fade-out{animation:fadeOutLeft .3s cubic-bezier(.4,0,1,1) forwards}.primary-btn{background:var(--primary-color);color:#fff;box-shadow:0 8px 20px #6c63ff40;transition:all .3s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #6c63ff59}.primary-btn:active{transform:scale(.98) translateY(0)}.secondary-btn{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.secondary-btn:hover{background:#6c63ff0d}.option-btn{background:#fcfcfc;color:var(--text-main);margin-bottom:12px;text-align:left;border:1px solid #edf2f7;border-radius:14px;padding:18px 20px;position:relative;overflow:hidden}@media(hover:hover){.option-btn:hover{background:#fff;border-color:var(--primary-color);color:var(--primary-color);transform:translate(4px);box-shadow:0 4px 12px #6c63ff1a}}.option-btn:active{transform:scale(.99)}#welcome-screen.active{display:flex}.info-grid{display:flex;gap:12px;margin:20px 0}.info-item{flex:1;background:#f8f9fa;padding:12px 10px;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #edf2f7}.info-item .icon{font-size:20px;margin-bottom:6px}.info-item span:last-child{font-size:13px;color:#666;font-weight:500}.description-section{margin:24px 0;text-align:left;border-top:1px solid #eee;padding-top:20px}.desc-text{font-size:13.5px;color:#555;line-height:1.6;margin-bottom:12px}.disclaimer-text{font-size:12px;color:#999}.author-signature{font-size:12px;color:var(--primary-color);opacity:.6;margin-top:8px;font-style:italic}.quiz-header{margin-bottom:24px}.header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;color:var(--text-sec);font-weight:500}.header-title{color:var(--text-main);font-weight:600}.progress-bar-container{height:8px;background:#f1f3f5;border-radius:10px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#6c63ff,#8b85ff);width:0%;border-radius:10px;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.nav-btn{width:auto;min-width:120px;display:block;margin:24px auto 0;padding:12px 30px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:50px;color:#666;font-size:14px;font-weight:500;text-align:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000d}.nav-btn:hover{background:#fff;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 4px 12px #6c63ff26;transform:translateY(-2px)}.nav-btn:active{transform:scale(.98)}.keywords-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:20px;min-height:120px;max-width:340px;margin:0 auto}.keywords-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 12px;justify-items:stretch;padding:15px 0}.keyword-tag{padding:10px 4px;width:100%;text-align:center;border-radius:12px;font-size:13px;font-weight:600;letter-spacing:.5px;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 6px #00000005;box-sizing:border-box;background:#fdfefe;border:1px solid #e1e6ff;color:var(--primary-color)}.keyword-tag:nth-child(1){background:#eef2ff;color:#6366f1;border:1px solid #c7d2fe}.keyword-tag:nth-child(2){background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.keyword-tag:nth-child(3){background:#fffbeb;color:#d97706;border:1px solid #fde68a}.keyword-tag:nth-child(4){background:#fdf2f8;color:#db2777;border:1px solid #fbcfe8}.keyword-tag:nth-child(5){background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.keyword-tag:nth-child(6){background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.keyword-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;filter:brightness(.98)}.result-footer{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #eee}.signature-text{font-size:13px;color:#999;letter-spacing:1px}.analysis-item{margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #eee}.analysis-item:last-child{border-bottom:none;margin-bottom:0}.analysis-title{font-weight:700;font-size:16px;margin-bottom:4px;display:flex;justify-content:space-between}.analysis-score{color:var(--primary-color)}.analysis-text{font-size:14px;color:#555;white-space:pre-line}.strategy-intro{background:#fff8e1;border-left:4px solid #ffb300;padding:12px 16px;border-radius:4px;color:#8d6e63;font-size:14px;line-height:1.6;margin-bottom:24px;font-weight:500}@media(min-width:481px){.app-container{margin-top:40px;min-height:calc(100vh - 80px);box-shadow:0 0 40px #0000001a;border-radius:24px;height:auto}#welcome-screen{height:auto;padding-top:80px}}.author-signature{font-size:13px;color:#666;font-weight:500;letter-spacing:.5px;transition:color .3s ease}.author-signature:hover{color:var(--primary-color)}