:root{color:#18352d;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f2e9;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.eyebrow{color:#98712a;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .45rem;font-size:.72rem;font-weight:800}.muted{color:#6a766f}.brand-mark{color:#fffdf6;background:#c37c35;border-radius:13px;flex:none;place-items:center;width:2.7rem;height:2.7rem;font:800 1.45rem serif;display:grid;box-shadow:inset 0 0 0 1px #ffffff40}.brand-mark--large{border-radius:18px;width:4rem;height:4rem;font-size:2.1rem}.button{border:0;border-radius:10px;padding:.78rem 1.15rem;font-weight:750;transition:background-color .15s,transform .15s}.button:active{transform:translateY(1px)}.button:disabled{cursor:wait;opacity:.65}.button--primary{color:#fff;background:#244c3f;width:100%}.button--primary:hover{background:#183a30}.button--ghost{color:#244c3f;background:#edf1ed}.button--accent{color:#fff;background:#b86f2e;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button--secondary{color:#244c3f;background:#dce9e2}.login-page{grid-template-columns:minmax(320px,1.05fr) minmax(360px,.95fr);min-height:100vh;display:grid}.login-intro{color:#f7f2e6;background:#244c3f;flex-direction:column;justify-content:center;padding:clamp(3rem,8vw,8rem);display:flex;position:relative;overflow:hidden}.login-intro:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:34rem;height:34rem;position:absolute;bottom:-15rem;right:-12rem;box-shadow:0 0 0 5rem #ffffff09,0 0 0 10rem #ffffff06}.login-intro .eyebrow{color:#e4bc74;margin-top:2rem}.login-intro h1{z-index:1;letter-spacing:.02em;max-width:9em;margin:.35rem 0 1.25rem;font-family:Noto Serif TC,serif;font-size:clamp(2.2rem,4.4vw,4.5rem);line-height:1.25;position:relative}.login-intro>p:last-child{z-index:1;color:#d6e0dc;max-width:34rem;font-size:1.05rem;line-height:1.9;position:relative}.login-panel{background:#fffdf8;flex-direction:column;justify-content:center;gap:2rem;padding:clamp(2.5rem,8vw,8rem);display:flex}.login-panel h2{margin:0;font-size:2rem}.login-panel form{gap:.7rem;display:grid}.login-panel label{margin-top:.65rem;font-weight:750}.login-panel input{color:#18352d;background:#fff;border:1px solid #cdd6d1;border-radius:10px;outline:0;width:100%;padding:.86rem .95rem}.login-panel input:focus{border-color:#39715f;box-shadow:0 0 0 3px #39715f24}.login-panel .button{margin-top:.9rem}.auth-page{background:linear-gradient(145deg,#f5f2e9,#e9efe9);place-items:center;min-height:100vh;padding:2rem 1.25rem;display:grid}.auth-card{background:#fffdf8;border:1px solid #dfded5;border-radius:18px;gap:1.5rem;width:min(100%,31rem);padding:clamp(1.5rem,5vw,2.5rem);display:grid;box-shadow:0 18px 50px #2c42391a}.auth-card h1{margin:.15rem 0 .55rem;font-family:Noto Serif TC,serif;font-size:2rem}.auth-card form{gap:.7rem;display:grid}.auth-card label{margin-top:.35rem;font-weight:750}.auth-card input{color:#18352d;background:#fff;border:1px solid #cdd6d1;border-radius:10px;outline:0;width:100%;padding:.86rem .95rem}.auth-card input:focus{border-color:#39715f;box-shadow:0 0 0 3px #39715f24}.auth-card .button{margin-top:.65rem}.text-link{color:#336451;text-underline-offset:.2em;font-weight:750}.password-help{justify-self:end;margin-top:-.2rem;font-size:.88rem}.button-link{text-align:center;text-decoration:none;display:block}.notice{border-radius:9px;gap:.35rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.55;display:grid}.notice--success{color:#275d47;background:#eaf5ee}.form-error{color:#85382f;background:#faece8;border-radius:8px;padding:.75rem .9rem;font-size:.9rem}.security-note{color:#768079;border-top:1px solid #e6e5dd;padding-top:1.2rem;font-size:.78rem;line-height:1.7}.admin-shell{background:#f4f1e8;grid-template-columns:255px 1fr;min-height:100vh;display:grid}.sidebar{color:#ecf4ef;background:#193e34;flex-direction:column;height:100vh;padding:1.7rem 1.25rem;display:flex;position:sticky;top:0}.brand-copy{gap:.25rem;margin:1rem 0 2.8rem;display:grid}.brand-copy strong{line-height:1.5}.brand-copy span{color:#a9c0b7;letter-spacing:.12em;font-size:.8rem}.sidebar nav{gap:.35rem;display:grid}.nav-link{color:#d9e5df;border-radius:9px;justify-content:space-between;align-items:center;padding:.78rem .85rem;text-decoration:none;display:flex}.nav-link.is-active{color:#fff;background:#315f50}.nav-link.is-disabled{color:#86a096;cursor:not-allowed}.nav-link small{opacity:.72;font-size:.66rem}.admin-workspace{min-width:0}.topbar{background:#fffdf8e6;border-bottom:1px solid #dddcd3;justify-content:space-between;align-items:center;gap:1rem;min-height:76px;padding:.8rem clamp(1.2rem,4vw,3rem);display:flex}.topbar>div{display:grid}.topbar .eyebrow{margin:0}.main-content{padding:clamp(1.5rem,4vw,3.5rem)}.page-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.page-heading h1{margin:.2rem 0 .4rem;font-family:Noto Serif TC,serif;font-size:clamp(2rem,4vw,3.2rem)}.status-chip{color:#336451;background:#eff7f2;border:1px solid #cad9d1;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .8rem;font-size:.78rem;font-weight:750;display:inline-flex}.status-chip i{background:#3aa06e;border-radius:50%;width:.52rem;height:.52rem;box-shadow:0 0 0 3px #3aa06e24}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:1rem;display:grid}.metric-card{background:#fffdf8;border:1px solid #dfded5;border-radius:15px;gap:.65rem;padding:1.4rem;display:grid;box-shadow:0 8px 24px #2c42390a}.metric-card span{color:#64726b;font-weight:700}.metric-card strong{color:#244c3f;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.1rem)}.metric-card small{color:#9a7a42}.coming-soon{color:#f6f2e7;background:linear-gradient(120deg,#244c3f,#376c59);border-radius:15px;justify-content:space-between;align-items:center;gap:2rem;margin-top:1.2rem;padding:clamp(1.5rem,4vw,2.5rem);display:flex}.coming-soon h2{margin:.35rem 0 .7rem;font-family:Noto Serif TC,serif;font-size:1.55rem}.coming-soon p:last-child{color:#d4e2dc;margin-bottom:0}.progress-ring{text-align:center;border:6px solid #ffffff29;border-top-color:#e5b963;border-radius:50%;flex:none;place-items:center;width:6rem;height:6rem;font-size:.75rem;font-weight:800;line-height:1.3;display:grid}.state-panel{color:#64726b;background:#fffdf8;border:1px solid #dfded5;border-radius:15px;justify-content:center;align-items:center;gap:.8rem;min-height:12rem;display:flex}.state-panel--error{color:#85382f;background:#fff7f4}.spinner{border:2px solid #cbd7d1;border-top-color:#39715f;border-radius:50%;width:1.1rem;height:1.1rem;animation:.7s linear infinite spin}.fatal-error{text-align:center;max-width:38rem;margin:12vh auto;padding:2rem}.page-error{background:#fff8f7;border:1px solid #efc5c0;border-radius:1rem;max-width:42rem;padding:2rem}.heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.filter-panel{background:#fffdf8;border:1px solid #dfded5;border-radius:14px;grid-template-columns:minmax(240px,2fr) repeat(4,minmax(130px,1fr));gap:.8rem;padding:1rem;display:grid}.filter-panel label,.content-form label{color:#344f46;align-content:start;gap:.4rem;font-size:.84rem;font-weight:750;display:grid}.filter-panel input,.filter-panel select,.content-form input,.content-form select,.content-form textarea{color:#18352d;background:#fff;border:1px solid #cbd5d0;border-radius:9px;outline:0;width:100%;padding:.72rem .78rem}.filter-panel input:focus,.filter-panel select:focus,.content-form input:focus,.content-form select:focus,.content-form textarea:focus{border-color:#39715f;box-shadow:0 0 0 3px #39715f21}.result-count{color:#68756f;margin:1rem 0 .6rem;font-size:.9rem}.table-scroll{background:#fffdf8;border:1px solid #dfded5;border-radius:14px;overflow-x:auto}.content-table{border-collapse:collapse;width:100%;min-width:980px;font-size:.86rem}.content-table th,.content-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e8e6de;padding:.8rem .85rem}.content-table th{color:#5f7068;letter-spacing:.04em;background:#f6f5ef;font-size:.75rem}.content-table td strong,.content-table td small{display:block}.content-table td small{color:#7a847f;margin-top:.25rem}.content-table code,.page-heading code{white-space:nowrap;color:#8f5b28}.record-status{color:#38604f;background:#e8f1ec;border-radius:999px;padding:.3rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.record-status.has-draft{color:#81531e;background:#fbefd8}.version-panel{background:#f8faf7;border:1px solid #d9ddd7;border-radius:13px;grid-template-columns:1fr 1fr auto;align-items:center;gap:1rem;padding:1rem 1.2rem;display:grid}.version-panel>div{gap:.25rem;display:grid}.version-panel span,.version-panel small{color:#6f7b75;font-size:.75rem}.validation-grid{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.validation-panel{border:1px solid;border-radius:12px;padding:1rem;font-size:.85rem}.validation-panel h2{margin:0 0 .6rem;font-size:1rem}.validation-panel p,.validation-panel ul{margin:0}.validation-panel--error{color:#813b32;background:#fff5f2;border-color:#efc9c1}.validation-panel--warning{color:#725321;background:#fff9e9;border-color:#ecd8a8}.content-form{gap:1rem;display:grid}.form-section{background:#fffdf8;border:1px solid #dfded5;border-radius:14px;padding:clamp(1rem,3vw,1.5rem)}.form-section h2{margin:0 0 1rem;font-family:Noto Serif TC,serif;font-size:1.25rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-grid label small{color:#7a847f;font-weight:500}.full-field,.check-group,.internal-note{grid-column:1/-1}.content-form textarea{resize:vertical;line-height:1.65}.required-mark{color:#8b3c32;background:#fae9e5;border-radius:999px;justify-self:start;padding:.12rem .38rem;font-size:.65rem}.check-group{border:1px solid #d8ded9;border-radius:10px;margin:0;padding:.8rem}.check-group legend{padding:0 .3rem;font-size:.85rem;font-weight:750}.check-group>div{flex-wrap:wrap;gap:.45rem;display:flex}.check-group label,.check-single{background:#f8faf7;border:1px solid #dbe1dc;border-radius:999px;grid-auto-flow:column;justify-content:start;align-items:center;gap:.4rem;padding:.4rem .65rem;font-size:.78rem;display:inline-flex}.check-group input,.check-single input{width:auto}.check-group .legacy-option{background:#fff6df;border-color:#e0bd79}.check-group .legacy-option small{color:#8c682a}.internal-note{background:#fff9ea;border-left:4px solid #ad7a36;border-radius:8px;padding:.8rem 0 .8rem 1rem}.media-readonly{border-style:dashed}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.media-editor{gap:1.25rem;display:grid}.media-group{border-top:1px solid #e5e4dc;gap:.8rem;padding-top:1rem;display:grid}.media-group__heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.media-group__heading h3{margin:0;font-size:1rem}.media-group__heading .button{position:relative}.media-gallery{gap:.85rem;display:grid}.media-card{background:#fafbf8;border:1px solid #dfe3de;border-radius:12px;grid-template-columns:180px minmax(0,1fr);gap:1rem;padding:.85rem;display:grid}.media-card>img,.media-preview-missing{object-fit:cover;background:#e8ece8;border-radius:9px;width:180px;height:145px}.media-preview-missing{color:#728078;place-items:center;font-size:.8rem;display:grid}.media-card__fields{gap:.7rem;min-width:0;display:grid}.media-card__title{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.media-card__title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-badge{color:#725321;background:#fff0cc;border-radius:999px;flex:none;padding:.25rem .55rem;font-size:.7rem;font-weight:800}.source-badge--cms_draft{color:#315c4c;background:#e3f0e9}.media-meta-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.media-actions{flex-wrap:wrap;gap:.45rem;display:flex}.media-actions .button{padding:.48rem .7rem;font-size:.78rem}.media-empty{color:#718078;border:1px dashed #cfd8d2;border-radius:10px;margin:0;padding:1rem}.upload-status{color:#315c4c;background:#edf5f0;border-radius:10px;padding:.75rem 1rem;font-size:.82rem}.upload-status p{margin:.25rem 0}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-intro{min-height:38vh;padding:2.5rem}.login-intro h1{font-size:2.5rem}.login-panel{padding:2.5rem}.admin-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;gap:1rem;height:auto;padding:1rem;position:static}.brand-copy{margin:0 auto 0 0}.sidebar nav{display:none}.metric-grid,.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.full-field,.check-group,.internal-note{grid-column:auto}.media-card{grid-template-columns:140px minmax(0,1fr)}.media-card>img,.media-preview-missing{width:140px;height:120px}}@media (width<=560px){.login-intro{min-height:auto}.login-panel{padding:2rem 1.25rem}.brand-copy strong{font-size:.86rem}.topbar strong{text-overflow:ellipsis;max-width:12rem;overflow:hidden}.page-heading{flex-direction:column;align-items:flex-start}.metric-grid,.filter-panel,.validation-grid,.version-panel{grid-template-columns:1fr}.heading-actions{justify-content:flex-start}.coming-soon{align-items:flex-start}.progress-ring{width:4.6rem;height:4.6rem}.media-group__heading,.media-card__title{flex-direction:column;align-items:flex-start}.media-card{grid-template-columns:1fr}.media-card>img,.media-preview-missing{width:100%;height:190px}.media-meta-grid{grid-template-columns:1fr}}