:root{--primary-text: #B6A072;--secondary-text: #D6A848;--accent-color: #C26413;--accent-hover: #D6A848;--bg-white: #0a0a0a;--bg-light: #151515;--bg-dark: #000000;--border-color: #5E613E;--nav-bg: rgba(10, 10, 10, .95);--footer-bg: #050505;--font-zh: "Noto Serif TC", "cwTeXYen", "Microsoft JhengHei", serif;--font-en: "Raleway", sans-serif;--glow-gold: 0 0 10px rgba(214, 168, 72, .5), 0 0 20px rgba(214, 168, 72, .2);--glow-bronze: 0 0 10px rgba(194, 100, 19, .5), 0 0 20px rgba(194, 100, 19, .2);--glass-bg: rgba(21, 21, 21, .7);--glass-border: rgba(94, 97, 62, .4);--text-cream: #EFE6DD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-zh);color:var(--text-cream);background-color:var(--bg-dark);line-height:1.8;font-size:16px;overflow-x:hidden;min-height:100vh}a{color:var(--secondary-text);text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent-hover);text-shadow:0 0 8px rgba(214,168,72,.6)}button{font-family:var(--font-zh);cursor:pointer;border:none;background:none;transition:all .3s ease}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}main{flex:1;display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px}.site-header{position:sticky;top:0;z-index:1000;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);box-shadow:0 4px 30px #000c}.header-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:80px}.site-logo{display:flex;align-items:center;gap:12px}.site-logo img{height:50px;width:auto;filter:drop-shadow(0 0 5px rgba(214,168,72,.3))}.logo-text{font-family:var(--font-en);font-size:1.3rem;font-weight:600;color:var(--secondary-text);letter-spacing:1.5px;text-shadow:var(--glow-gold)}.desktop-nav .nav-list{display:flex;align-items:center;gap:24px;list-style:none}.desktop-nav .nav-list a{color:var(--primary-text);font-size:1rem;letter-spacing:1px;padding:8px 12px;position:relative}.desktop-nav .nav-list a:after{content:"";position:absolute;bottom:0;left:12%;width:0;height:2px;background:var(--secondary-text);transition:width .3s ease;box-shadow:0 0 8px var(--secondary-text)}.desktop-nav .nav-list a:hover{color:var(--secondary-text);text-shadow:var(--glow-gold)}.desktop-nav .nav-list a:hover:after{width:76%}.desktop-nav .nav-list .external-link{display:inline-flex;align-items:center;gap:4px}.nav-cta{border:1px solid var(--accent-color);border-radius:4px;background:#c264131a;box-shadow:inset 0 0 10px #c2641333}.nav-cta:hover{background:var(--accent-color)!important;color:#fff!important;box-shadow:var(--glow-bronze)}.mobile-toggle{display:none;color:var(--secondary-text)}.mobile-nav-menu{position:absolute;top:80px;left:0;right:0;background-color:#0a0a0afa;border-bottom:1px solid var(--border-color);padding:20px;box-shadow:0 10px 30px #000000e6;animation:slideDown .3s ease-out forwards}.mobile-nav-list{display:flex;flex-direction:column;gap:16px;list-style:none}.mobile-nav-list a{display:block;font-size:1.1rem;color:var(--primary-text);padding:10px;border-bottom:1px solid rgba(94,97,62,.2)}.mobile-nav-list a:hover{color:var(--secondary-text);padding-left:15px}.mobile-cta{border:1px solid var(--accent-color);text-align:center;border-radius:4px;background:#c2641326}.site-footer{background:var(--footer-bg);border-top:1px solid var(--border-color);padding:40px 20px;text-align:center}.footer-inner{max-width:1200px;margin:0 auto}.footer-logo h3{color:var(--secondary-text);font-size:1.4rem;letter-spacing:2px;margin-bottom:8px;text-shadow:var(--glow-gold)}.footer-subtitle{color:var(--primary-text);font-size:.9rem;letter-spacing:1.5px}.footer-divider{width:60px;height:1px;background:var(--border-color);margin:24px auto}.footer-bottom{font-size:.8rem;color:#888}.footer-bottom p{margin:4px 0}.credit{color:var(--primary-text);opacity:.7}.hero-banner{text-align:center;margin:40px 0 60px;animation:fadeIn 1s ease-out}.hero-title{font-size:2.8rem;color:var(--secondary-text);font-weight:700;margin-bottom:16px;text-shadow:var(--glow-gold);letter-spacing:2px}.hero-subtitle{font-family:var(--font-en);font-size:1.1rem;color:var(--primary-text);text-transform:uppercase;letter-spacing:4px;margin-bottom:24px}.hero-description{max-width:700px;margin:0 auto;font-size:1.1rem;color:var(--text-cream);line-height:1.9}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:60px}.quiz-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 32px #0006;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.quiz-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--border-color),var(--secondary-text),var(--border-color));opacity:.7}.quiz-card:hover{transform:translateY(-5px);border-color:var(--secondary-text);box-shadow:0 12px 40px #d6a84833}.quiz-card.disabled{opacity:.6;border-color:#5e613e33;cursor:not-allowed}.quiz-card.disabled:before{background:#333}.quiz-card.disabled:hover{transform:none;box-shadow:0 8px 32px #0006}.card-badge{position:absolute;top:15px;right:15px;background:#c2641333;border:1px solid var(--accent-color);color:var(--secondary-text);padding:3px 10px;border-radius:20px;font-size:.75rem;letter-spacing:1px}.quiz-card.disabled .card-badge{background:#6464641a;border-color:#666;color:#aaa}.card-title{font-size:1.5rem;color:var(--secondary-text);margin-bottom:12px;margin-top:10px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.card-subtitle{font-family:var(--font-en);font-size:.85rem;color:var(--primary-text);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.card-description{font-size:.95rem;color:#ccc;line-height:1.7;margin-bottom:24px;flex-grow:1}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-color);color:#fff;padding:12px 24px;border-radius:4px;font-weight:600;letter-spacing:1.5px;box-shadow:var(--glow-bronze);transition:all .3s ease;width:100%}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--glow-gold);transform:scale(1.02)}.btn-primary:disabled{background:#333;color:#777;box-shadow:none;cursor:not-allowed}.quiz-runner-container{max-width:800px;margin:20px auto;width:100%;animation:fadeIn .6s ease-out}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-back{display:inline-flex;align-items:center;gap:6px;color:var(--primary-text);font-size:.95rem}.btn-back:hover{color:var(--secondary-text);text-shadow:var(--glow-gold)}.quiz-progress-text{font-family:var(--font-en);font-size:1rem;color:var(--secondary-text);letter-spacing:1px}.progress-bar-container{width:100%;height:6px;background:#5e613e33;border-radius:3px;margin-bottom:40px;overflow:hidden;border:1px solid rgba(94,97,62,.1)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--secondary-text));box-shadow:0 0 8px var(--secondary-text);transition:width .4s cubic-bezier(.23,1,.32,1)}.question-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;padding:40px;box-shadow:0 10px 40px #00000080;margin-bottom:30px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .3s ease,transform .3s ease}.question-text{font-size:1.6rem;color:var(--text-cream);line-height:1.7;text-align:center;font-weight:500;margin:30px 0}.options-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.option-btn{padding:18px 30px;border-radius:6px;font-size:1.2rem;font-weight:600;letter-spacing:2px;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.option-btn.yes{border:1px solid var(--accent-color);background:#c264131a;color:var(--secondary-text)}.option-btn.yes:hover{background:var(--accent-color);color:#fff;box-shadow:var(--glow-bronze);transform:translateY(-2px)}.option-btn.no{border:1px solid var(--border-color);background:#5e613e1a;color:var(--primary-text)}.option-btn.no:hover{background:var(--border-color);color:#fff;box-shadow:var(--glow-gold);transform:translateY(-2px)}.keyboard-hint{text-align:center;font-size:.8rem;color:#666;margin-top:16px;letter-spacing:.5px}.quiz-footer{display:flex;justify-content:space-between;align-items:center}.btn-prev{display:inline-flex;align-items:center;gap:6px;color:#888;font-size:.95rem}.btn-prev:hover{color:var(--text-cream)}.result-container{max-width:900px;margin:0 auto;width:100%;animation:fadeIn .8s ease-out}.result-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;padding:50px 40px;box-shadow:0 10px 50px #0009;text-align:center;margin-bottom:40px;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--secondary-text),var(--accent-color))}.result-header-text{font-family:var(--font-en);font-size:.95rem;color:var(--primary-text);text-transform:uppercase;letter-spacing:3px;margin-bottom:10px}.result-level-title{font-size:2.5rem;color:var(--secondary-text);font-weight:700;margin-bottom:6px;text-shadow:var(--glow-gold)}.result-level-subtitle{font-family:var(--font-en);font-size:1.1rem;color:var(--primary-text);margin-bottom:35px;letter-spacing:1px}.gauge-wrapper{position:relative;width:180px;height:180px;margin:0 auto 35px}.gauge-svg{transform:rotate(-90deg);width:180px;height:180px}.gauge-bg{fill:none;stroke:#5e613e33;stroke-width:8}.gauge-fill{fill:none;stroke:url(#gaugeGrad);stroke-width:8;stroke-dasharray:502;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.23,1,.32,1)}.gauge-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gauge-score{font-family:var(--font-en);font-size:2.6rem;font-weight:700;color:var(--secondary-text);line-height:1}.gauge-total{font-family:var(--font-en);font-size:.9rem;color:#888;margin-top:4px}.result-description-box{text-align:left;border-top:1px solid rgba(94,97,62,.3);padding-top:30px;margin-top:30px}.box-label{font-size:1.2rem;color:var(--secondary-text);margin-bottom:12px;font-weight:600;display:flex;align-items:center;gap:8px}.result-desc-text{font-size:1.05rem;color:var(--text-cream);line-height:1.8;margin-bottom:30px;text-align:justify}.tips-list{list-style:none;margin-bottom:35px}.tips-list li{position:relative;padding-left:28px;margin-bottom:14px;font-size:.98rem;color:#ddd;line-height:1.6}.tips-list li:before{content:"✦";position:absolute;left:5px;top:0;color:var(--secondary-text);font-size:.9rem;text-shadow:var(--glow-gold)}.rec-box{background:#c2641314;border:1px solid rgba(194,100,19,.3);border-left:4px solid var(--accent-color);border-radius:0 6px 6px 0;padding:24px;text-align:left;margin-bottom:35px}.rec-title{font-size:1.15rem;color:var(--secondary-text);margin-bottom:8px;font-weight:600}.rec-desc{font-size:.92rem;color:#ccc;line-height:1.6;margin-bottom:16px}.btn-rec{display:inline-flex;align-items:center;gap:6px;color:#fff;background:var(--accent-color);padding:8px 18px;border-radius:4px;font-size:.9rem;font-weight:500;box-shadow:var(--glow-bronze)}.btn-rec:hover{background:var(--accent-hover);box-shadow:var(--glow-gold);color:#fff}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.btn-share{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--secondary-text);color:var(--secondary-text);padding:12px;border-radius:4px;font-weight:600;letter-spacing:1px}.btn-share:hover{background:#d6a8481a;box-shadow:var(--glow-gold)}.btn-restart{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(239,230,221,.4);color:var(--text-cream);padding:12px;border-radius:4px;font-weight:600;letter-spacing:1px}.btn-restart:hover{background:#efe6dd1a;border-color:var(--text-cream)}.share-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#0a0a0ae6;border:1px solid var(--secondary-text);padding:10px 24px;border-radius:30px;color:var(--secondary-text);font-size:.9rem;box-shadow:var(--glow-gold);z-index:1001;animation:fadeInUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 1000px){.header-inner{height:70px}.mobile-toggle{display:block}.desktop-nav{display:none}.hero-title{font-size:2.2rem}}@media (max-width: 600px){main{padding:20px 15px}.hero-banner{margin:20px 0 35px}.hero-title{font-size:1.8rem}.hero-subtitle{letter-spacing:2px}.quiz-card{padding:20px}.question-card{padding:24px;min-height:auto}.question-text{font-size:1.3rem;margin:20px 0}.options-container{grid-template-columns:1fr;gap:12px}.option-btn{padding:14px;font-size:1.05rem}.result-card{padding:30px 20px}.result-level-title{font-size:1.8rem}.result-actions{grid-template-columns:1fr;gap:12px}}