.suixin-container{max-width:700px;margin:0 auto;padding:20px;width:100%;--primary:#0D9488;--primary-dark:#0F766E;--primary-light:#14B8A6;--accent:#F59E0B;--text:#134E4A;--muted:#64748B;--radius:18px;--shadow:0 10px 30px rgba(13, 148, 136, 0.15);--transition:0.25s ease;color:var(--text);font-family:'Noto Sans TC',"PingFang SC","Microsoft YaHei",sans-serif}.app-container *{margin:0;padding:0;box-sizing:border-box}.app-container{width:100%;max-width:720px;background:rgb(255 255 255 / .88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:32px;padding:40px 36px 48px;box-shadow:0 20px 60px rgb(0 0 0 / .08),0 0 0 1px rgb(255 255 255 / .5) inset;border:1px solid rgb(255 255 255 / .6);position:relative}[data-theme="dark"] .app-container{background:rgb(35 30 26 / .85);border:1px solid rgb(13 148 136 / .2)}.header{text-align:center;margin-bottom:32px}.header-icon{font-size:3.4rem;display:block;margin-bottom:6px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Android Emoji","EmojiSymbols",sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header h1{font-size:2rem;font-weight:900;color:var(--text);letter-spacing:1px}.header h1 span{color:var(--primary)}.header p{color:var(--muted);font-size:1rem;font-weight:500;margin-top:6px;opacity:.9}[data-theme="dark"] .header h1{color:var(--text-primary)}[data-theme="dark"] .header p{color:var(--text-secondary)}.steps-indicator{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;font-size:.85rem;font-weight:600;color:var(--muted)}.steps-indicator .step{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:999px;background:rgb(13 148 136 / .05);border:1px solid rgb(13 148 136 / .1);transition:var(--transition)}.steps-indicator .step.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px rgb(13 148 136 / .3)}.steps-indicator .step .num{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;background:rgb(0 0 0 / .06);font-size:.75rem;font-weight:700}.steps-indicator .step.active .num{background:rgb(255 255 255 / .25)}.steps-indicator .arrow{color:#cbd5e1;font-size:1rem}.step-panel{display:none;animation:fadeSlideIn 0.35s cubic-bezier(.34,1.56,.64,1)}.step-panel.active{display:block}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.panel-title{font-size:1.15rem;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:8px;color:var(--text)}.panel-desc{font-size:.95rem;color:var(--muted);margin-bottom:20px;font-weight:500}[data-theme="dark"] .panel-title{color:var(--text-primary)}[data-theme="dark"] .panel-desc{color:var(--text-secondary)}.count-picker{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:8px}.count-btn{flex:1;min-width:56px;padding:14px 0;border-radius:14px;border:2px solid rgb(13 148 136 / .1);background:rgb(255 255 255 / .6);font-size:1.2rem;font-weight:700;color:var(--text);transition:var(--transition);cursor:pointer;text-align:center;font-family:inherit}.count-btn:hover{background:rgb(255 255 255 / .9);transform:translateY(-2px);box-shadow:0 6px 16px rgb(13 148 136 / .08)}.count-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 6px 20px rgb(13 148 136 / .3);transform:translateY(-2px)}[data-theme="dark"] .count-btn{background:rgb(255 255 255 / .06);color:var(--text-primary);border-color:rgb(13 148 136 / .25)}[data-theme="dark"] .count-btn:hover{background:rgb(255 255 255 / .1)}[data-theme="dark"] .count-btn.selected{background:var(--primary);color:#fff}.options-grid{display:flex;flex-direction:column;gap:12px;margin-top:6px}.option-item{display:flex;align-items:center;gap:14px;padding:8px 14px 8px 18px;border-radius:14px;background:rgb(255 255 255 / .7);border:1px solid rgb(13 148 136 / .1);transition:var(--transition)}.option-item:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 4px 14px rgb(13 148 136 / .12)}.option-number{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.option-input{flex:1;border:none;background:#fff0;padding:12px 4px;font-size:1rem;outline:none;color:var(--text);font-weight:500;min-width:0;font-family:inherit}.option-input::placeholder{color:#94a3b8;font-weight:400}[data-theme="dark"] .option-item{background:rgb(255 255 255 / .05);border-color:rgb(13 148 136 / .2)}[data-theme="dark"] .option-item:focus-within{background:rgb(255 255 255 / .08)}[data-theme="dark"] .option-input{color:var(--text-primary)}.actions{margin-top:28px;display:flex;flex-direction:column;gap:14px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;padding:18px 32px;border-radius:999px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 8px 28px rgb(13 148 136 / .25);display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-family:inherit}.btn-primary:hover:not(:disabled){transform:scale(1.02);box-shadow:0 12px 36px rgb(13 148 136 / .35)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:rgb(255 255 255 / .8);border:1px solid rgb(13 148 136 / .15);padding:12px 24px;border-radius:999px;font-size:.95rem;font-weight:600;color:var(--primary-dark);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:center;font-family:inherit}.btn-secondary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgb(0 0 0 / .05)}[data-theme="dark"] .btn-secondary{background:rgb(255 255 255 / .06);color:var(--text-secondary);border-color:rgb(13 148 136 / .25)}[data-theme="dark"] .btn-secondary:hover{background:rgb(255 255 255 / .1)}.btn-save-result{background:var(--accent);color:#fff;border:none;padding:12px 24px;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 14px rgb(245 158 11 / .3);display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-family:inherit}.btn-save-result:hover:not(:disabled){transform:scale(1.04);box-shadow:0 6px 20px rgb(245 158 11 / .4)}.btn-save-result:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.result-area{min-height:120px;margin-top:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:20px;background:rgb(13 148 136 / .05);padding:20px;transition:var(--transition)}.result-placeholder{color:#94a3b8;font-weight:500;font-size:1rem;text-align:center}.result-shuffle{font-size:2rem;font-weight:900;color:var(--primary);animation:shake 0.10s infinite;text-align:center;word-break:break-word}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.result-card{width:100%;background:rgb(255 255 255 / .95);backdrop-filter:blur(8px);border:3px dashed var(--accent);border-radius:22px;padding:28px 20px;text-align:center;animation:popIn 0.40s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center}@keyframes popIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.result-label{font-size:.9rem;color:var(--muted);font-weight:600;margin-bottom:8px}.result-name{font-size:2.4rem;font-weight:900;color:var(--accent);word-break:break-word;line-height:1.3;text-shadow:0 2px 10px rgb(245 158 11 / .2)}.result-sub{font-size:1rem;color:var(--primary);font-weight:600;margin-top:10px;opacity:.9}[data-theme="dark"] .result-area{background:rgb(13 148 136 / .08)}[data-theme="dark"] .result-card{background:rgb(35 30 26 / .9)}[data-theme="dark"] .result-label{color:var(--text-secondary)}.history-section{margin-top:28px;border-top:1px dashed rgb(13 148 136 / .2);padding-top:20px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-header h3{font-size:.95rem;color:var(--muted);font-weight:600}.history-header .clear-btn{background:none;border:none;color:#94a3b8;font-size:.8rem;cursor:pointer;font-weight:500;padding:4px 12px;border-radius:999px;transition:var(--transition);font-family:inherit}.history-header .clear-btn:hover{color:#ef4444;background:rgb(239 68 68 / .06)}.history-tags{display:flex;flex-wrap:wrap;gap:10px;min-height:36px}.history-tag{background:rgb(255 255 255 / .8);border:1px solid rgb(13 148 136 / .15);border-radius:999px;padding:6px 18px;font-size:.9rem;font-weight:500;color:var(--text);transition:var(--transition)}.history-tag:first-child{background:var(--primary);color:#fff;border-color:var(--primary)}.history-empty{color:#cbd5e1;font-size:.9rem;font-weight:400}[data-theme="dark"] .history-tag{background:rgb(255 255 255 / .06);color:var(--text-primary);border-color:rgb(13 148 136 / .2)}[data-theme="dark"] .history-tag:first-child{background:var(--primary);color:#fff}[data-theme="dark"] .history-empty{color:var(--text-light)}.bottom-nav{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:50px;padding:20px 0;border-top:1px dashed var(--border-glass)}.bottom-nav a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:6px;transition:all 0.3s ease;padding:8px 16px;border-radius:8px}.bottom-nav a:hover{color:#0D9488;background:rgb(13 148 136 / .08)}.bottom-nav a i{font-size:1.1rem}.footer-note{margin-top:40px;color:var(--text-secondary);font-size:.85rem;opacity:.7;text-align:center}@media (max-width:600px){.app-container{padding:28px 18px 36px;border-radius:24px}.header h1{font-size:1.6rem}.header-icon{font-size:2.8rem}.count-btn{font-size:1rem;padding:12px 0;min-width:44px}.option-item{padding:6px 10px 6px 14px}.option-number{width:28px;height:28px;font-size:.75rem}.option-input{font-size:.9rem;padding:10px 2px}.result-name{font-size:1.8rem}.btn-primary{font-size:1rem;padding:16px 24px}.steps-indicator .step{font-size:.7rem;padding:4px 10px}.bottom-nav{gap:16px;margin-top:35px}.bottom-nav a{font-size:.85rem;padding:6px 12px}}