: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}.preview-page{width:min(100%,1100px);margin:0 auto}.preview-controls{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8f5;border:1px solid #cfd8d2;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #244c3f14}.preview-controls>div{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.preview-controls span{color:#5f7068;font-size:.78rem;font-weight:800}.preview-controls code{color:#8f5b28}.preview-status{color:#684615;background:#fff6dd;border:2px solid #d49b45;border-radius:14px;gap:.7rem;margin:1rem 0;padding:1rem 1.15rem;display:grid}.preview-status.is-published{color:#244c3f;background:#edf6f1;border-color:#80a999}.preview-status>div{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.preview-status__label{font-size:1.05rem;font-weight:900}.preview-status__checks span,.preview-status__checks strong{background:#ffffff9e;border-radius:999px;padding:.25rem .55rem;font-size:.76rem}.preview-status p{margin:0;font-size:.86rem;font-weight:750}.preview-status__error{color:#8b332b}.preview-status__warning{color:#7b581e}.preview-disclaimer{color:#69766f;text-align:center;margin:1.5rem 0 .7rem;font-size:.86rem}.public-preview{color:#213b32;background:#fff;border:1px solid #dcded7;border-radius:18px;overflow:hidden;box-shadow:0 16px 42px #263f3514}.public-preview__head{color:#fffaf0;background:linear-gradient(125deg,#244c3f,#3d705e);padding:clamp(2rem,7vw,5rem) clamp(1.25rem,6vw,4.5rem)}.public-preview__head p{color:#e8c782;letter-spacing:.12em;margin:0 0 .65rem;font-size:.82rem;font-weight:850}.public-preview__head h1{max-width:18em;margin:0;font-family:Noto Serif TC,serif;font-size:clamp(2rem,5vw,3.8rem);line-height:1.25}.public-preview__hero{background:#f8f5ec;padding:clamp(1.25rem,5vw,3.5rem);display:grid}.public-preview__hero.has-cover{grid-template-columns:minmax(260px,1.15fr) minmax(230px,.85fr);align-items:center;gap:clamp(1.2rem,4vw,3rem)}.public-preview__cover{aspect-ratio:16/10;object-fit:cover;background:#e7ebe7;border-radius:13px;width:100%}.public-preview__hero dl{gap:.8rem;margin:0;display:grid}.public-preview__hero dl>div{border-bottom:1px solid #dedfd8;grid-template-columns:6.5rem 1fr;gap:.7rem;padding-bottom:.65rem;display:grid}.public-preview__hero dt{color:#6c786f;font-size:.8rem;font-weight:800}.public-preview__hero dd{margin:0;font-weight:700}.public-preview__section{padding:clamp(1.25rem,5vw,3.5rem)}.public-preview__section+.public-preview__section{border-top:1px solid #ecebe5}.public-preview__section h2{color:#244c3f;margin:0 0 1rem;font-family:Noto Serif TC,serif;font-size:1.4rem}.public-preview__section p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.9}.public-preview__chips,.public-preview__links{flex-wrap:wrap;gap:.55rem;display:flex}.public-preview__chips span{color:#315c4c;background:#e7f0eb;border-radius:999px;padding:.4rem .7rem;font-size:.8rem;font-weight:750}.public-preview__links a{color:#fff;background:#336451;border-radius:9px;padding:.65rem .85rem;font-weight:750;text-decoration:none}.public-preview__gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.public-preview__gallery img,.public-preview__gallery .preview-image-fallback{aspect-ratio:4/3;object-fit:cover;background:#e8ece8;border-radius:10px;width:100%}.preview-image-fallback{color:#6f7b75;text-align:center;place-items:center;padding:1rem;display:grid}@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}.public-preview__hero.has-cover{grid-template-columns:1fr}.public-preview__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@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}.preview-controls{flex-direction:column;align-items:flex-start;position:static}.preview-controls>div:last-child{width:100%}.preview-controls .button{text-align:center;flex:1}.public-preview__gallery{grid-template-columns:1fr}.public-preview__hero dl>div{grid-template-columns:1fr;gap:.25rem}}