:root{--navy-950: #052430;--navy-900: #0a3a4d;--navy-800: #0f4d66;--teal: #147a99;--teal-soft: #1c95ba;--gold: #ad8550;--gold-light: #c9a86c;--gold-pale: #e5cfa4;--cream: #f1faff;--aqua: #8fdce6;--ink-soft: rgba(241, 250, 255, .72)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Noto Sans TC,sans-serif;color:var(--cream);background:linear-gradient(168deg,var(--navy-950) 0%,var(--navy-800) 45%,#1c7fa3 100%);background-attachment:fixed;min-height:100vh;line-height:1.7;letter-spacing:.02em}.bg-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 85% 8%,rgba(143,220,230,.16),transparent 70%),radial-gradient(ellipse 55% 45% at 10% 90%,rgba(20,122,153,.35),transparent 70%);z-index:0}.site-header,main{position:relative;z-index:1}.site-header{display:flex;justify-content:center;padding:28px 20px 0}.brand{display:flex;flex-direction:column;align-items:center;gap:10px}.brand-logo{height:76px;width:auto;display:block}main{max-width:720px;margin:0 auto;padding:40px 20px 80px}.view[hidden]{display:none!important}.kicker{text-align:center;font-size:.68rem;letter-spacing:.2em;color:var(--gold-light);margin-bottom:18px}.hero-title{font-family:"Noto Serif TC",serif;font-size:clamp(1.9rem,6vw,2.8rem);font-weight:600;text-align:center;letter-spacing:.12em}.hero-title--sm{font-size:clamp(1.5rem,5vw,2rem)}.hero-sub{text-align:center;color:var(--aqua);letter-spacing:.16em;margin-top:10px;font-size:.92rem}.gold-rule{width:64px;height:1px;margin:26px auto;background:linear-gradient(90deg,transparent,var(--gold-light),transparent);position:relative}.gold-rule:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%) rotate(45deg);background:var(--gold-pale);box-shadow:0 0 6px #e5cfa4e6,0 0 14px #c9a86cb3}.hero-lead{text-align:center;color:var(--ink-soft);font-size:.96rem;margin-bottom:30px}.card{background:#f1faff0b;border:1px solid rgba(201,168,108,.22);border-radius:14px;padding:28px 26px;margin-bottom:24px;backdrop-filter:blur(6px)}.card-title{font-family:"Noto Serif TC",serif;font-size:1.05rem;font-weight:600;letter-spacing:.25em;color:var(--gold-pale);text-align:center;margin-bottom:18px}.notice-list{list-style:none;counter-reset:notice;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.notice-list li{counter-increment:notice;position:relative;padding-left:2em;color:var(--ink-soft);font-size:.92rem}.notice-list li:before{content:counter(notice,cjk-ideographic);position:absolute;left:0;top:.1em;font-family:"Noto Serif TC",serif;color:var(--gold-light);font-size:.82rem}.notice-list strong{color:var(--cream)}.notice-meta{display:flex;justify-content:center;gap:20px;padding-top:14px;border-top:1px solid rgba(201,168,108,.18);font-size:.8rem;color:var(--aqua);letter-spacing:.08em;flex-wrap:wrap}.section-label{text-align:center;font-family:"Noto Serif TC",serif;font-size:1.05rem;color:var(--gold-pale);letter-spacing:.1em;margin:8px 0 20px}.icon-card-list{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.icon-card{background:#f1faff0b;border:1px solid rgba(201,168,108,.28);border-radius:16px;padding:30px 26px 22px;text-align:center}.icon-card-icon{display:flex;justify-content:center;margin-bottom:16px}.icon-card-kicker{font-size:.68rem;letter-spacing:.15em;color:var(--gold-light);margin-bottom:10px}.icon-card-title{font-family:"Noto Serif TC",serif;font-size:1.15rem;color:var(--cream);margin-bottom:10px}.icon-card-desc{color:var(--ink-soft);font-size:.88rem;text-align:left;margin-bottom:16px}.icon-card-meta{border-top:1px solid rgba(201,168,108,.2);padding-top:14px;font-size:.78rem;color:var(--aqua);letter-spacing:.04em}.btn{display:inline-block;border:none;cursor:pointer;font-family:Noto Sans TC,sans-serif;font-size:.98rem;font-weight:500;letter-spacing:.16em;padding:14px 36px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;text-align:center}.btn-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#fff;display:block;width:fit-content;margin:0 auto}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 8px 20px #ad855059}.btn-block{width:100%;margin-top:8px}.btn-ghost{background:transparent;border:1px solid rgba(168,202,206,.4);color:var(--aqua)}.field-label{display:block;font-size:.85rem;color:var(--aqua);letter-spacing:.08em;margin-bottom:8px;margin-top:16px}.field-label:first-child{margin-top:0}.req{color:var(--gold-light)}.text-input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(168,202,206,.35);background:#f1faff0f;color:var(--cream);font-size:.95rem;font-family:inherit}.text-input:focus{outline:2px solid var(--aqua);border-color:transparent}.field-error{color:#f2a5a5;font-size:.85rem;margin-top:10px}.hint-text{text-align:center;color:var(--ink-soft);font-size:.82rem;margin-top:20px}.progress-wrap{margin-bottom:30px}.progress-info{display:flex;justify-content:space-between;font-size:.82rem;color:var(--aqua);margin-bottom:8px;letter-spacing:.05em}.progress-track{height:4px;border-radius:999px;background:#f1faff1f;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--teal-soft),var(--gold-light));transition:width .3s ease}.section-head{text-align:center;margin-bottom:28px}.section-order{font-family:"Noto Serif TC",serif;color:var(--gold-pale);font-size:.85rem;letter-spacing:.3em}.section-title{font-family:"Noto Serif TC",serif;font-size:1.5rem;margin-top:6px}.section-theme{color:var(--aqua);font-size:.85rem;margin-top:6px}.q{border:none;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid rgba(201,168,108,.15)}.q-text{font-size:.98rem;color:var(--cream);display:block;margin-bottom:14px;float:left;width:100%}.q-num{display:inline-block;min-width:1.6em;color:var(--gold-light);font-family:"Noto Serif TC",serif;margin-right:6px}.q-missing-hint{display:none;color:#f2a5a5;font-size:.78rem;margin-top:8px;clear:both}.q-missing .likert-scale,.q-missing .opts{outline:1px solid rgba(242,165,165,.6);border-radius:10px}.opts{display:flex;flex-direction:column;gap:10px;clear:both}.opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid rgba(168,202,206,.25);cursor:pointer;transition:border-color .2s ease,background .2s ease}.opt:hover{border-color:#c9a86c80}.opt input{position:absolute;opacity:0;pointer-events:none}.opt-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(168,202,206,.5);flex-shrink:0}.opt input:checked~.opt-dot{background:var(--gold-light);border-color:var(--gold-light);box-shadow:0 0 0 3px #c9a86c40}.opt input:checked~.opt-text{color:var(--gold-pale)}.opt-text{font-size:.92rem;color:var(--ink-soft)}.likert{display:flex;align-items:center;gap:10px;clear:both}.likert-scale{display:flex;gap:6px;flex:1;justify-content:space-between}.likert-opt{position:relative;cursor:pointer}.likert-opt input{position:absolute;opacity:0;pointer-events:none}.likert-dot{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(168,202,206,.4);color:var(--ink-soft);font-size:.85rem;transition:all .15s ease}.likert-opt input:checked~.likert-dot{background:linear-gradient(135deg,var(--gold-light),var(--gold));border-color:var(--gold-light);color:#052430;font-weight:700}.likert-end{font-size:.68rem;color:var(--aqua);width:64px;flex-shrink:0;line-height:1.3}.likert-end--hi{text-align:right}.quiz-nav{display:flex;justify-content:space-between;margin-top:20px}.line-card{text-align:center;margin-top:30px}.report-link-card:empty{display:none;padding:0;border:none;margin:0}.report-link-label{font-size:.82rem;color:var(--aqua);margin-bottom:10px}.report-link-row{display:flex;gap:10px}.report-link-row .text-input{flex:1;font-size:.82rem;color:var(--ink-soft)}.report-link-row .btn{padding:12px 20px;flex-shrink:0}.br-mobile{display:none}@media(max-width:640px){.br-mobile{display:inline}.likert-end{display:none}.likert-dot{width:32px;height:32px;font-size:.78rem}}.report-block{background:#f1faff0a;border:1px solid rgba(201,168,108,.2);border-radius:14px;padding:24px 22px;margin-bottom:18px}.report-no{font-size:.72rem;letter-spacing:.25em;color:var(--gold-light);margin-bottom:8px}.report-title{font-family:"Noto Serif TC",serif;font-size:1.3rem;color:var(--gold-pale);margin-bottom:8px}.report-code{font-size:.85rem;color:var(--aqua);margin-left:10px;letter-spacing:.1em}.report-keywords{color:var(--aqua);font-size:.85rem;margin-bottom:16px}.report-lead{color:var(--ink-soft);font-size:.92rem;margin-bottom:14px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.report-cell{font-size:.85rem;color:var(--ink-soft)}.cell-label{color:var(--gold-light);font-size:.78rem;letter-spacing:.1em;margin-bottom:4px}@media(max-width:560px){.report-grid{grid-template-columns:1fr}}.layer-row{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:.82rem}.layer-row--active .layer-name{color:var(--gold-pale);font-weight:600}.layer-row--active .bar-fill{background:linear-gradient(90deg,var(--gold-light),var(--gold-pale))}.layer-name{width:110px;flex-shrink:0;color:var(--ink-soft)}.layer-score{width:32px;text-align:right;color:var(--gold-pale);font-variant-numeric:tabular-nums}.bar-track{flex:1;height:8px;border-radius:999px;background:#f1faff1a;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal-soft),var(--gold-light))}.report-note{background:#c9a86c14;border-left:3px solid var(--gold-light);padding:12px 16px;border-radius:0 10px 10px 0;font-size:.85rem;color:var(--ink-soft);margin:14px 0}