:root{--mc-gold:#c9a96e;--mc-gold-light:#e8d5a3;--mc-gold-dark:#8b6914;--mc-charcoal:#1a1a1a;--mc-dark:#2c2c2c;--mc-mid:#6b6b6b;--mc-light:#f8f6f1;--mc-white:#fff;--mc-border:#c9a96e33;--mc-shadow:0 4px 24px #00000014;--mc-radius:16px;--mc-transition:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--mc-light);color:var(--mc-charcoal);min-height:100vh;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}.mc-container{max-width:1100px;margin:0 auto;padding:0 20px}.mc-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--mc-border);z-index:100;background:#f8f6f1eb;padding:12px 0;position:sticky;top:0}.mc-header .mc-container{align-items:center;gap:40px;display:flex}.mc-logo img{width:auto;height:36px;display:block}.mc-nav{flex:1;gap:28px;display:flex}.mc-nav a{color:var(--mc-charcoal);letter-spacing:.03em;transition:color var(--mc-transition);font-size:14px;font-weight:500;text-decoration:none}.mc-nav a:hover{color:var(--mc-gold)}.mc-header-right{align-items:center;gap:12px;display:flex}.mc-header-btn{background:var(--mc-charcoal);color:var(--mc-gold);cursor:pointer;transition:all var(--mc-transition);letter-spacing:.05em;border:none;border-radius:24px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none}.mc-header-btn:hover{background:var(--mc-gold);color:var(--mc-charcoal)}.mc-header-user{color:var(--mc-charcoal);align-items:center;gap:8px;font-size:13px;display:flex}.mc-main{min-height:calc(100vh - 140px);padding:60px 0 80px}.mc-auth-section{justify-content:center;align-items:center;min-height:calc(100vh - 200px);display:flex}.mc-auth-container{justify-content:center;display:flex}.mc-auth-card{background:var(--mc-white);width:100%;max-width:440px;box-shadow:var(--mc-shadow);border:1px solid var(--mc-border);border-radius:24px;padding:48px 40px}.mc-auth-header{text-align:center;margin-bottom:36px}.mc-logo-mark{margin-bottom:20px}.mc-auth-header h1{color:var(--mc-charcoal);letter-spacing:.05em;margin-bottom:8px;font-size:24px;font-weight:700}.mc-auth-subtitle{color:var(--mc-mid);font-size:14px}.mc-tabs{background:var(--mc-light);border-radius:12px;margin-bottom:32px;padding:4px;display:flex}.mc-tab{color:var(--mc-mid);cursor:pointer;transition:all var(--mc-transition);background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600}.mc-tab.active{background:var(--mc-white);color:var(--mc-charcoal);box-shadow:0 2px 8px #0000000f}.mc-form{flex-direction:column;gap:20px;display:flex}.mc-form-group{flex-direction:column;gap:8px;display:flex}.mc-form-group label{color:var(--mc-charcoal);letter-spacing:.03em;font-size:13px;font-weight:600}.mc-form-group input{border:1.5px solid var(--mc-border);color:var(--mc-charcoal);background:var(--mc-white);transition:all var(--mc-transition);border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:15px}.mc-form-group input:focus{border-color:var(--mc-gold);box-shadow:0 0 0 3px #c9a96e1f}.mc-form-group input::placeholder{color:#bbb}.mc-phone-input input,.mc-code-input{gap:8px;display:flex}.mc-code-input{display:flex}.mc-code-input input{flex:1}.mc-send-btn{background:var(--mc-light);border:1.5px solid var(--mc-border);color:var(--mc-gold-dark);cursor:pointer;white-space:nowrap;transition:all var(--mc-transition);border-radius:12px;min-width:120px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600}.mc-send-btn:hover:not(:disabled){background:var(--mc-gold);color:var(--mc-charcoal);border-color:var(--mc-gold)}.mc-send-btn:disabled{opacity:.6;cursor:not-allowed}.mc-login-methods{gap:8px;display:flex}.mc-method-btn{border:1.5px solid var(--mc-border);color:var(--mc-mid);cursor:pointer;transition:all var(--mc-transition);background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.mc-method-btn.active{border-color:var(--mc-gold);color:var(--mc-gold-dark);background:#c9a96e0f}.mc-btn{cursor:pointer;transition:all var(--mc-transition);letter-spacing:.02em;border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.mc-btn-primary{background:var(--mc-charcoal);color:var(--mc-gold)}.mc-btn-primary:hover{background:#2a2a2a;transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.mc-btn-gold{background:linear-gradient(135deg, var(--mc-gold), var(--mc-gold-light));color:var(--mc-charcoal)}.mc-btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 20px #c9a96e4d}.mc-btn-outline{color:var(--mc-charcoal);border:1.5px solid var(--mc-border);background:0 0}.mc-btn-outline:hover{border-color:var(--mc-gold);color:var(--mc-gold-dark)}.mc-btn-full{width:100%}.mc-btn-sm{border-radius:8px;padding:8px 16px;font-size:13px}.mc-dashboard{padding:40px 0}.mc-user-header{background:var(--mc-white);border-radius:var(--mc-radius);box-shadow:var(--mc-shadow);border:1px solid var(--mc-border);align-items:center;gap:20px;margin-bottom:32px;padding:24px;display:flex}.mc-user-avatar{flex-shrink:0}.mc-avatar-circle{background:linear-gradient(135deg, var(--mc-gold), var(--mc-gold-light));width:64px;height:64px;color:var(--mc-charcoal);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.mc-user-info{flex:1}.mc-user-info h2{color:var(--mc-charcoal);margin-bottom:4px;font-size:20px;font-weight:700}.mc-user-info p{color:var(--mc-mid);font-size:13px}.mc-user-join{color:#aaa;margin-top:2px;font-size:12px}.mc-feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px;display:grid}.mc-feature-card{background:var(--mc-white);border-radius:var(--mc-radius);border:1px solid var(--mc-border);box-shadow:var(--mc-shadow);transition:all var(--mc-transition);align-items:flex-start;gap:16px;padding:24px;display:flex}.mc-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001a}.mc-card-personality{background:linear-gradient(135deg,#fff9f0 0%,#fff 100%);border-color:#c9a96e4d}.mc-card-icon{width:52px;height:52px;color:var(--mc-gold);background:#c9a96e1a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mc-card-content{flex:1;min-width:0}.mc-card-content h3{color:var(--mc-charcoal);margin-bottom:6px;font-size:16px;font-weight:700}.mc-card-desc{color:var(--mc-mid);font-size:13px;line-height:1.5}.mc-card-action{flex-shrink:0}.mc-dashboard-layout{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}@media (width<=768px){.mc-dashboard-layout{grid-template-columns:1fr}}.mc-panel-title{color:var(--mc-charcoal);align-items:center;gap:8px;margin-bottom:24px;font-size:18px;font-weight:700;display:flex}.mc-panel-icon{font-size:20px}.mc-test-panel{background:var(--mc-white);border-radius:var(--mc-radius);border:1px solid var(--mc-border);box-shadow:var(--mc-shadow);margin-bottom:24px;padding:32px}.mc-test-progress{margin-bottom:32px}.mc-progress-bar{background:var(--mc-light);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.mc-progress-fill{background:linear-gradient(90deg, var(--mc-gold), var(--mc-gold-light));border-radius:3px;width:10%;height:100%;transition:width .4s}.mc-progress-text{color:var(--mc-mid);text-align:right;font-size:13px}.mc-test-question{margin-bottom:32px}.mc-question-text{color:var(--mc-charcoal);margin-bottom:24px;font-size:18px;font-weight:600;line-height:1.6}.mc-question-options{flex-direction:column;gap:12px;display:flex}.mc-option-btn{border:1.5px solid var(--mc-border);background:var(--mc-white);cursor:pointer;text-align:left;transition:all var(--mc-transition);color:var(--mc-charcoal);border-radius:12px;align-items:center;gap:12px;padding:16px 18px;font-family:inherit;font-size:14px;display:flex}.mc-option-btn:hover{border-color:var(--mc-gold);background:#c9a96e0a}.mc-option-btn.selected{border-color:var(--mc-gold);background:#c9a96e14}.mc-option-id{background:var(--mc-light);width:28px;height:28px;color:var(--mc-mid);transition:all var(--mc-transition);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.mc-option-btn.selected .mc-option-id{background:var(--mc-gold);color:var(--mc-charcoal)}.mc-test-nav{justify-content:flex-end;gap:12px;display:flex}.mc-test-nav .mc-btn-prev{margin-right:auto}.mc-result-panel{background:var(--mc-white);border-radius:var(--mc-radius);border:1px solid var(--mc-border);box-shadow:var(--mc-shadow);margin-bottom:24px;padding:32px}.mc-result-header{border-bottom:1px solid var(--mc-border);align-items:center;gap:20px;margin-bottom:28px;padding-bottom:28px;display:flex}.mc-result-emoji{font-size:56px;line-height:1}.mc-result-title-wrap{flex:1}.mc-result-label{text-transform:uppercase;letter-spacing:.1em;color:var(--mc-gold);font-size:12px;font-weight:600}.mc-result-type{color:var(--mc-charcoal);margin:4px 0;font-size:28px;font-weight:800}.mc-result-tagline{color:var(--mc-mid);font-size:15px}.mc-result-desc{color:var(--mc-charcoal);margin-bottom:28px;font-size:15px;line-height:1.8}.mc-result-sections{gap:24px;display:grid}.mc-result-section h4{text-transform:uppercase;letter-spacing:.08em;color:var(--mc-mid);margin-bottom:12px;font-size:13px;font-weight:600}.mc-result-tags{flex-wrap:wrap;gap:8px;display:flex}.mc-result-tag{background:var(--mc-light);color:var(--mc-charcoal);border:1px solid var(--mc-border);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500}.mc-result-love,.mc-result-partner{color:var(--mc-mid);font-size:14px;line-height:1.7}.mc-result-actions{border-top:1px solid var(--mc-border);gap:12px;margin-top:28px;padding-top:28px;display:flex}.mc-side-col{flex-direction:column;gap:20px;display:flex}.mc-pay-panel,.mc-settings-panel{background:var(--mc-white);border-radius:var(--mc-radius);border:1px solid var(--mc-border);box-shadow:var(--mc-shadow);padding:24px}.mc-pay-amount{text-align:center;border-bottom:1px solid var(--mc-border);margin-bottom:20px;padding:20px 0}.mc-pay-price{color:var(--mc-charcoal);font-size:36px;font-weight:800;display:block}.mc-pay-desc{color:var(--mc-mid);margin-top:4px;font-size:13px;display:block}.mc-pay-methods{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.mc-pay-method{border:1.5px solid var(--mc-border);cursor:pointer;color:var(--mc-charcoal);transition:all var(--mc-transition);background:0 0;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.mc-pay-method.active{border-color:var(--mc-gold);background:#c9a96e0f}.mc-pay-qr{text-align:center;background:var(--mc-light);border-radius:12px;justify-content:center;align-items:center;min-height:120px;margin-bottom:16px;padding:16px;display:flex}.mc-pay-qr img{border-radius:8px;max-width:200px}.mc-pay-tip{color:var(--mc-mid);font-size:13px}.mc-pay-note{color:#bbb;text-align:center;margin-top:8px;font-size:11px}.mc-settings-form{gap:16px}.mc-settings-form .mc-form-group input{padding:12px 14px}.mc-footer{background:var(--mc-charcoal);color:#fff6;text-align:center;padding:24px 0;font-size:12px}.mc-toast{color:#f5f5f5;z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;text-align:center;background:#1a1a1af2;border:1px solid #c9a96e33;border-radius:12px;max-width:88vw;padding:12px 28px;font-size:14px;transition:all .35s cubic-bezier(.4,0,.2,1);position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(12px);box-shadow:0 8px 24px #0006}.mc-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.mc-toast.error{border-color:#ff64644d}.mc-toast.success{border-color:#64c8644d}.hidden{display:none!important}@media (width<=640px){.mc-auth-card{margin:0 16px;padding:32px 20px}.mc-nav{display:none}.mc-user-header{flex-wrap:wrap}.mc-feature-grid,.mc-dashboard-layout{grid-template-columns:1fr}.mc-result-header{text-align:center;flex-direction:column}}