:root{color:#231f1c;background:#f7f4ef;font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f7f4ef}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-shell{--public-header-offset: 73px;--sticky-stack-offset: 214px;min-height:100vh}.public-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,4vw,56px);border-bottom:1px solid rgba(35,31,28,.1);background:#f7f4efe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-button,.admin-brand{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;color:#231f1c;font-weight:700;letter-spacing:0}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(35,31,28,.35);border-radius:50%;font-family:Georgia,Times New Roman,serif;font-size:13px}.category-nav{position:sticky;top:var(--public-header-offset);z-index:25;border-bottom:1px solid rgba(35,31,28,.1);background:#f1eee8f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-section,.quiet-section,.story-section,.lower-info,.works-list-section{scroll-margin-top:var(--sticky-stack-offset)}.category-nav button{position:relative;overflow:hidden;border:1px solid rgba(126,96,58,.38);background:linear-gradient(#fffaf2,#fffaf2) padding-box,linear-gradient(135deg,#8e6f43,#f0dfbd 28%,#ad8550 58%,#6d5437) border-box;box-shadow:inset 0 0 0 5px #f8efe0,inset 0 0 0 6px #7e603a3d,0 7px 18px #231f1c14;color:#2f2924;text-align:left}.category-nav button:after{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(126,96,58,.18);content:"";pointer-events:none}.category-label{display:inline-flex;min-width:0;align-items:center}.category-label span{font-family:Georgia,"Noto Serif TC",Times New Roman,serif;line-height:1.05}.category-frame{display:block;flex:0 0 auto;overflow:hidden;z-index:1}.category-frame img{width:100%;height:100%;flex:0 0 auto;object-fit:cover;display:block}@media(min-width:641px){.category-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px clamp(20px,6vw,88px)}.category-nav button{display:flex;min-height:112px;align-items:center;gap:16px;padding:0 18px 0 0}.category-label span{font-size:clamp(30px,2.7vw,46px);white-space:normal}.category-frame{align-self:stretch;width:82px;min-height:100%;margin:7px 0 7px 7px}}.footer-nav button{border:0;border-radius:999px;background:transparent;color:#514941;padding:10px 14px}.category-nav button:hover,.category-nav button.active,.footer-nav button:hover{background:#41564617;color:#26362c}.category-nav button.active{box-shadow:inset 0 0 0 5px #e4e2dc,inset 0 0 0 6px #41564633,0 7px 18px #231f1c14}.member-entry-button{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:48px;border:1px solid rgba(240,223,189,.72);border-radius:999px;background:linear-gradient(135deg,#415646,#2f3f34) padding-box,linear-gradient(135deg,#f0dfbd,#8e6f43) border-box;box-shadow:0 12px 24px #231f1c29,inset 0 1px #ffffff2e;color:#fffaf2;padding:10px 18px 10px 16px;font-weight:800;letter-spacing:0;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.member-entry-button svg{width:20px;height:20px;stroke-width:2.4}.member-entry-button:after{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;background:#fffaf229;color:#f8efe0;content:"上傳入口";padding:3px 9px;font-size:12px;font-weight:700}.member-entry-button:hover{transform:translateY(-1px);background:linear-gradient(135deg,#4f6855,#35493b) padding-box,linear-gradient(135deg,#fff1c8,#ad8550) border-box;box-shadow:0 16px 30px #231f1c33,inset 0 1px #ffffff38}.member-entry-button:focus-visible{outline:3px solid rgba(111,46,54,.28);outline-offset:3px}.icon-button{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid rgba(35,31,28,.14);border-radius:50%;background:#fffaf2;color:#231f1c}.hero-section{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.85fr);gap:clamp(32px,5vw,76px);align-items:center;min-height:calc(100vh - 73px);padding:clamp(42px,7vw,96px) clamp(20px,6vw,88px) 64px}.hero-copy{max-width:740px}.eyebrow{margin:0 0 14px;color:#6f2e36;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2{color:#231f1c;font-family:Georgia,"Noto Serif TC",Times New Roman,serif;font-weight:500;letter-spacing:0}h1{max-width:780px;margin-bottom:24px;font-size:clamp(48px,7vw,92px);line-height:1.02}h2{margin-bottom:18px;font-size:clamp(30px,4vw,56px);line-height:1.1}h3{margin-bottom:8px;color:#2f2924;font-size:18px}p{color:#655d55;line-height:1.8}.hero-text{max-width:640px;font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.primary-action,.secondary-action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 18px}.primary-action{border:1px solid #26362c;background:#26362c;color:#fffaf2}.secondary-action{border:1px solid rgba(35,31,28,.16);background:#fffaf2b8;color:#2f2924}.danger-action{border-color:#7e2e2742;color:#7e2e27}.danger-icon-button{color:#7e2e27}.hero-art{position:relative;overflow:hidden;border:1px solid rgba(35,31,28,.13);background:#ebe3d8;aspect-ratio:1193 / 896}.hero-art img{width:100%;height:100%;object-fit:contain;display:block}.quiet-section,.story-section,.lower-info{padding:72px clamp(20px,6vw,88px)}.quiet-section{background:#fffaf2}.latest-title{margin-bottom:56px;text-align:center;font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif;font-size:clamp(32px,3.4vw,44px);font-weight:800;line-height:1.15}.works-list-section{min-height:58vh}.works-list-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:42px}.works-list-heading h1{margin:0;font-size:clamp(42px,5vw,72px)}.works-list-heading .eyebrow{margin-bottom:10px}.works-list-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.work-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.work-card{display:grid;gap:12px}.work-image-button{display:block;width:100%;border:0;background:transparent;padding:0;text-align:left}.work-image-button:hover .work-image,.work-image-button:focus-visible .work-image{transform:translateY(-2px);box-shadow:0 10px 22px #231f1c1f}.work-card h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;font-size:16px;line-height:1.35}.work-card h3 span{display:inline;color:#766e65;font-size:inherit;font-weight:500}.work-style-meta{margin:4px 0 0;color:#8d8378;font-size:13px;line-height:1.35}.empty-note{margin:18px 0 0;color:#766e65;text-align:center}.work-image{display:block;min-height:0;aspect-ratio:1.45 / 1;border:1px solid rgba(35,31,28,.12);background:radial-gradient(circle at 32% 28%,rgba(255,250,242,.8),transparent 28%),linear-gradient(135deg,#5e6a59,#d1b8a3)}.actual-work-image{width:100%;aspect-ratio:1.45 / 1;display:block;background:#ece5db;object-fit:contain}.tone-2{background:radial-gradient(circle at 64% 32%,rgba(255,250,242,.7),transparent 26%),linear-gradient(135deg,#6f2e36,#d7cbc0)}.tone-3{background:radial-gradient(circle at 42% 42%,rgba(255,250,242,.74),transparent 24%),linear-gradient(135deg,#243846,#c8a67f)}.tone-4{background:radial-gradient(circle at 50% 30%,rgba(255,250,242,.7),transparent 30%),linear-gradient(135deg,#2f2924,#bfa7b0)}.tone-5{background:radial-gradient(circle at 38% 34%,rgba(255,250,242,.72),transparent 27%),linear-gradient(135deg,#6b7259,#c7b38b)}.tone-6{background:radial-gradient(circle at 58% 28%,rgba(255,250,242,.72),transparent 26%),linear-gradient(135deg,#2f4b55,#c2a7a0)}.work-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;overflow-y:auto;background:#231f1cb8;padding:clamp(16px,4vw,48px)}.work-detail-panel{position:relative;display:grid;width:min(100%,1040px);max-height:calc(100vh - 32px);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);overflow:auto;border:1px solid rgba(255,250,242,.24);background:#fffaf2}.work-detail-close{position:absolute;top:14px;right:14px;z-index:2}.work-detail-image{min-height:520px;border:0;background-size:cover}img.work-detail-image{display:block;width:100%;height:100%;max-height:calc(100vh - 32px);object-fit:contain}.work-detail-copy{display:grid;align-content:center;gap:18px;padding:clamp(28px,4vw,54px)}.work-detail-copy h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;font-size:clamp(30px,4vw,48px)}.work-detail-copy h2 span{color:#766e65;font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif;font-size:inherit;font-weight:600}.work-detail-meta{margin:-2px 0 0;color:#8d8378;font-size:15px;font-weight:600;letter-spacing:0}.work-detail-copy p{margin:0;color:#514941;font-size:17px;line-height:1.9}.story-section{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1fr);gap:40px;background:#26362c}.story-section h2,.story-section h3{color:#fffaf2}.story-section p{color:#fffaf2b8}.story-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-columns article{border-left:1px solid rgba(255,250,242,.22);padding-left:20px}.lower-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;background:#fffaf2}.lower-info article{border-top:1px solid rgba(35,31,28,.15);padding-top:24px}.lower-info h2{font-size:clamp(24px,3vw,36px)}.line-contact-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.line-contact-copy{min-width:0}.line-contact-copy p{line-height:1.7}.line-contact-panel .primary-action{margin-top:10px;width:fit-content;text-decoration:none}.line-qr-card{display:grid;width:208px;gap:10px;border:1px solid rgba(65,86,70,.28);border-radius:8px;background:#f7fff2;box-shadow:0 14px 28px #231f1c1a;color:#26362c;padding:12px;text-decoration:none}.line-qr-card span{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#26362c;font-size:13px;font-weight:800}.line-qr-card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border:1px solid rgba(35,31,28,.12);border-radius:6px;background:#fff}.line-qr-card:hover{transform:translateY(-1px);box-shadow:0 18px 34px #231f1c24}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:30px 20px 40px;background:#231f1c}.footer-nav button{color:#fffaf2c7}.footer-nav button:hover{background:#fffaf214;color:#fffaf2}.admin-login{display:grid;min-height:100vh;place-items:center;padding:24px;background:#26362c}.login-panel{width:min(100%,460px);border:1px solid rgba(255,250,242,.16);background:#fffaf2;padding:clamp(28px,5vw,44px)}.login-icon{display:grid;width:54px;height:54px;place-items:center;margin-bottom:24px;border-radius:50%;background:#26362c;color:#fffaf2}.login-panel h1{font-size:clamp(32px,4vw,44px);line-height:1.15}.login-panel form{display:grid;gap:12px;margin-top:28px}label{color:#2f2924;font-weight:700}input,select,textarea{width:100%;min-height:48px;border:1px solid rgba(35,31,28,.2);border-radius:6px;background:#fff;color:#231f1c;padding:12px 14px}input[type=checkbox]{width:18px;min-height:18px;accent-color:#26362c}textarea{min-height:118px;resize:vertical;line-height:1.6}.form-error{margin:0;color:#8d2430;font-size:14px}.admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:#f7f4ef}.admin-sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:24px;border-right:1px solid rgba(35,31,28,.12);background:#231f1c;padding:24px}.admin-brand{color:#fffaf2}.admin-brand .brand-mark{border-color:#fffaf25c}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar nav button,.logout-button{display:flex;min-height:44px;align-items:center;gap:12px;border:0;border-radius:6px;background:transparent;color:#fffaf2b8;padding:12px;text-align:left}.admin-sidebar nav button:hover,.admin-sidebar nav button.active,.logout-button:hover{background:#fffaf21a;color:#fffaf2}.admin-sidebar-actions{display:grid;gap:8px;margin-top:auto}.admin-content{min-width:0}.admin-topbar{display:flex;justify-content:flex-end;padding:20px clamp(20px,4vw,48px)}.admin-page{padding:28px clamp(20px,4vw,48px) 56px}.admin-page-heading{display:flex;gap:18px;align-items:flex-start;max-width:820px}.admin-page-heading>span{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:50%;background:#26362c;color:#fffaf2}.admin-page h1{margin-bottom:10px;font-size:clamp(34px,6vw,54px)}.member-shell{min-height:100vh;background:#f7f4ef;padding:clamp(24px,5vw,64px)}.member-auth-panel,.member-dashboard{max-width:1080px;margin:0 auto}.member-auth-panel{display:grid;gap:18px;max-width:560px;border:1px solid rgba(35,31,28,.12);background:#fffaf2;padding:clamp(24px,5vw,42px)}.member-auth-panel h1,.member-welcome h1{font-size:clamp(36px,6vw,64px)}.member-form{display:grid;gap:10px}.member-form label,.new-work-fields label,.work-edit-fields label{color:#3b342e;font-weight:700}.member-dashboard{display:grid;gap:28px}.member-dashboard-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.member-header-actions{display:flex;flex-wrap:wrap;gap:10px}.member-welcome{max-width:720px}.member-welcome p:last-child{color:#5d554d;font-size:18px;line-height:1.7}.member-upload-dropzone{max-width:820px}.member-upload-history{display:grid;gap:16px}.admin-placeholder{display:grid;min-height:300px;place-items:center;margin-top:40px;border:1px dashed rgba(35,31,28,.26);background:#fffaf2;padding:36px;text-align:center}.admin-placeholder h2{margin:16px 0 8px;font-size:clamp(24px,3vw,34px)}.admin-placeholder p{max-width:520px}.upload-manager{display:grid;gap:24px;margin-top:36px}.upload-status-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.upload-status-summary article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid rgba(35,31,28,.12);background:#fffaf2;padding:16px}.upload-status-summary span{color:#514940;font-weight:700}.upload-status-summary strong{color:#231f1c;font-size:26px}.clock-badge{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#c9d86b;color:#231f1c;font-size:12px;font-weight:800}.works-editor{display:grid;gap:24px;margin-top:36px}.new-work-form{margin-top:36px}.new-work-bulk-picker{display:flex;align-items:center;gap:18px;border:1px dashed rgba(35,31,28,.32);background:#fffaf2;padding:20px}.new-work-bulk-picker strong,.new-work-bulk-picker small{display:block}.new-work-bulk-picker strong{color:#231f1c;font-size:20px}.new-work-bulk-picker small{margin-top:6px;color:#655d55;line-height:1.6}.new-work-bulk-picker .native-upload-input{display:block;width:min(100%,460px);margin-top:14px;border:1px solid rgba(35,31,28,.16);border-radius:6px;background:#fff;color:#2f2924;padding:10px}.new-work-category-panel{display:flex;align-items:center;gap:18px;margin-top:14px;border:1px solid rgba(35,31,28,.12);background:#fffaf2;padding:18px 20px}.new-work-category-panel strong,.new-work-category-panel small{display:block}.new-work-category-panel strong{color:#231f1c;font-size:18px}.new-work-category-panel small{margin-top:5px;color:#655d55;line-height:1.6}.new-work-category-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.new-work-category-actions input,.new-work-category-actions select{width:min(100%,300px);min-height:38px}.new-work-card{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:24px;max-width:980px;border:1px solid rgba(35,31,28,.12);background:#fffaf2;padding:18px}.new-work-image-panel,.new-work-fields{display:grid;align-content:start;gap:12px}.new-work-preview,.new-work-empty-preview{width:100%;aspect-ratio:4 / 3;border:1px solid rgba(35,31,28,.12);background:#f1ebe1}.new-work-preview{object-fit:contain}.new-work-empty-preview{display:grid;place-items:center;color:#6f665c}.new-work-empty-preview span{margin-top:8px;font-weight:700}.new-work-fields label:not(:first-child){margin-top:8px}.new-work-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.new-work-batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;margin-top:14px}.bulk-rename-panel{display:grid;grid-template-columns:auto minmax(180px,320px) auto minmax(180px,1fr);align-items:center;gap:8px;margin-top:10px;padding:10px;border:1px solid rgba(35,31,28,.1);background:#fffaf2}.bulk-rename-panel label{margin:0;font-size:13px;font-weight:700}.bulk-rename-panel input{min-height:34px;padding:7px 9px}.bulk-rename-panel small{color:#7a7065;font-size:12px}.new-work-batch-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;border:1px solid rgba(35,31,28,.12);background:#fffaf2;padding:10px}.new-work-batch-thumb{width:112px;height:112px;border:1px solid rgba(35,31,28,.12);background:#f1ebe1;object-fit:contain}.compact-new-work-fields{gap:5px}.compact-new-work-fields label:not(:first-child){margin-top:2px}.compact-new-work-fields input,.compact-new-work-fields select,.compact-new-work-fields textarea{min-height:34px;padding:7px 9px;font-size:14px}.compact-new-work-fields textarea{min-height:58px}.new-work-file-row{display:flex;align-items:center;justify-content:space-between;gap:8px}@media(max-width:760px){.bulk-rename-panel{grid-template-columns:1fr}}.new-work-file-row strong{min-width:0;overflow:hidden;color:#2f2924;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.new-work-file-row .icon-button{width:32px;height:32px;flex:0 0 auto}.category-manager{display:grid;gap:14px}.category-manager-toolbar,.category-add-form,.category-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.category-manager-toolbar{justify-content:space-between;border:1px solid rgba(35,31,28,.1);background:#fffaf2;padding:12px}.category-add-form label,.category-row-main label{color:#2f2924;font-size:13px;font-weight:700}.category-add-form input{width:min(100%,260px)}.category-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-edit-tile{display:grid;grid-template-columns:84px minmax(0,1fr);min-height:112px;gap:14px;align-items:center;border:1px solid rgba(133,100,61,.48);background:#fffaf2;box-shadow:inset 0 0 0 6px #fffaf2d1;color:#2f2924;cursor:pointer;padding:8px;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.category-edit-tile:hover,.category-edit-tile:focus-visible{border-color:#26362ca8;transform:translateY(-1px)}.category-edit-tile.active{border-color:#26362cc2;background:#e8e7e1;color:#26362c}.category-edit-tile img,.category-edit-tile-fallback{width:84px;height:96px;border:1px solid rgba(35,31,28,.12);object-fit:cover}.category-edit-tile-fallback{display:grid;place-items:center;background:#ece5db;color:#26362c}.category-edit-tile-copy{display:grid;min-width:0;gap:8px}.category-edit-tile-copy strong{overflow-wrap:anywhere;font-family:"Noto Serif TC",serif;font-size:clamp(28px,2.3vw,44px);font-weight:700;letter-spacing:0;line-height:1.05}.category-edit-tile-copy small{color:#6f665c;font-size:13px;font-weight:700}.category-detail-editor{display:grid;gap:14px;border-top:1px solid rgba(35,31,28,.1);padding-top:14px}.category-detail-toolbar,.category-name-editor{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.category-detail-toolbar{justify-content:space-between;border:1px solid rgba(35,31,28,.1);background:#fffaf2;padding:12px}.category-name-editor label{display:grid;gap:5px;color:#2f2924;font-size:13px;font-weight:700}.category-name-editor input,.category-row-actions select{min-height:36px;padding:8px 10px;font-size:14px}.category-name-editor input{width:min(70vw,280px)}.category-name-editor strong{min-height:36px;color:#26362c;display:inline-flex;align-items:center;font-size:14px}.category-row-actions{justify-content:flex-end}@media(max-width:820px){.category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-detail-toolbar,.category-row-actions{justify-content:flex-start}}@media(max-width:520px){.category-card-grid{grid-template-columns:1fr}}.works-editor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.work-edit-card{display:grid;gap:6px;border:1px solid rgba(35,31,28,.12);background:#fffaf2;padding:8px}.admin-work-preview-button{width:100%;height:132px;border:1px solid rgba(35,31,28,.12);background:#ece5db;padding:0;cursor:zoom-in}.admin-work-preview-button:hover,.admin-work-preview-button:focus-visible{border-color:#26362c6b}.admin-work-thumbnail{display:block;width:100%;height:100%;background:radial-gradient(circle at 32% 28%,rgba(255,250,242,.8),transparent 28%),linear-gradient(135deg,#5e6a59,#d1b8a3);object-fit:contain}.work-edit-fields{display:grid;gap:4px;font-size:12px}.image-replace-control{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;min-height:32px;border:1px solid rgba(35,31,28,.16);border-radius:5px;background:#fff;color:#2f2924;padding:5px 8px;font-size:12px;cursor:pointer}.image-replace-control:hover{background:#fff7ea}.image-replace-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.image-replace-control .native-artwork-input{position:static;width:100%;height:auto;margin-top:2px;border:1px solid rgba(35,31,28,.14);border-radius:5px;background:#fff;color:#2f2924;opacity:1;padding:4px;font-size:12px;pointer-events:auto}.work-edit-switches{display:flex;flex-wrap:wrap;gap:5px}.checkbox-control{display:inline-flex;align-items:center;gap:5px;min-height:28px;border:1px solid rgba(35,31,28,.14);border-radius:5px;background:#fff;padding:4px 6px;color:#2f2924;font-size:12px}.work-edit-fields label:not(:first-child){margin-top:1px}.work-edit-fields>label{font-size:12px;line-height:1.2}.work-edit-fields input,.work-edit-fields select,.work-edit-fields textarea{min-height:30px;padding:5px 8px;font-size:12px;line-height:1.3}.work-edit-fields textarea{min-height:58px}.save-work-button{min-height:32px;margin-top:4px;padding:6px 10px;font-size:12px}.delete-work-button{min-height:32px;margin-top:0;padding:6px 10px;font-size:12px}.save-note{color:#2f6d3f;font-weight:700}.upload-dropzone{display:flex;min-height:150px;align-items:center;gap:18px;border:1px dashed rgba(35,31,28,.32);background:#fffaf2;padding:28px}.upload-dropzone:hover{border-color:#4156469e;background:#fff7ea}.upload-dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-dropzone .native-upload-input{position:static;display:block;width:min(100%,420px);height:auto;margin-top:14px;border:1px solid rgba(35,31,28,.16);border-radius:6px;background:#fff;color:#2f2924;opacity:1;padding:10px;pointer-events:auto}.upload-dropzone-icon{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;border-radius:50%;background:#26362c;color:#fffaf2}.upload-dropzone strong,.upload-dropzone small{display:block}.upload-dropzone strong{color:#231f1c;font-size:20px}.upload-dropzone small{margin-top:6px;color:#655d55;line-height:1.6}.pending-upload-panel{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid rgba(47,109,63,.22);background:#f5fbf2;padding:16px}.pending-upload-panel strong{color:#26362c}.pending-upload-panel ul{margin:8px 0 0;padding-left:18px;color:#655d55;line-height:1.7}.pending-upload-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.58}.upload-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(35,31,28,.12);padding-bottom:14px}.upload-summary>div{display:grid;gap:4px}.upload-summary span{display:inline-flex;align-items:center;gap:8px;color:#2f2924;font-weight:700}.upload-summary small{color:#655d55}.upload-queue-section{display:grid;gap:16px}.upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.upload-card{overflow:hidden;border:1px solid rgba(35,31,28,.12);background:#fffaf2}.upload-preview-button{display:block;width:100%;border:0;background:transparent;padding:0;text-align:left}.upload-preview-button:focus-visible{outline:3px solid rgba(65,86,70,.45);outline-offset:-3px}.upload-card img{display:block;width:100%;aspect-ratio:4 / 3;background:#ece5db;object-fit:contain}.upload-card-body{display:grid;grid-template-columns:1fr;gap:12px;padding:14px}.upload-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.compact-action{min-height:38px;padding:8px 10px;font-size:14px}.file-action{cursor:pointer}.file-action input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.member-upload-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.member-upload-detail .work-detail-copy h2{overflow-wrap:anywhere}.member-delete-note{color:#766e65;font-size:13px}.cancelled-note{color:#7e2e27;font-weight:700}.status-pill{display:inline-flex;width:fit-content;align-items:center;border:1px solid rgba(35,31,28,.14);border-radius:999px;background:#fff7da;color:#5f4c1e;padding:6px 10px;font-size:13px;font-weight:800}.status-pill.completed{background:#e5f1df;color:#2f6d3f}.upload-card h3{margin-bottom:4px;overflow-wrap:anywhere;font-size:15px}.upload-card p{margin:0;color:#766e65;font-size:13px;line-height:1.5}.upload-empty-state{min-height:220px;margin-top:0}@media(min-width:641px)and (max-width:980px){.category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.hero-section,.story-section,.lower-info,.admin-shell,.new-work-card,.work-detail-panel{grid-template-columns:1fr}.hero-section{min-height:auto}.work-grid,.story-columns,.upload-grid,.works-editor-grid,.upload-status-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-sidebar{position:static;height:auto}.work-detail-image{min-height:420px}}@media(max-width:640px){.member-dashboard-heading{align-items:flex-start;flex-direction:column}.public-header{align-items:center;flex-direction:row}.upload-status-summary,.upload-grid{grid-template-columns:1fr}.member-shell{padding:18px}}@media(max-width:640px){.site-shell{--public-header-offset: 67px;--sticky-stack-offset: 136px}.public-header{gap:10px;padding:12px max(14px,env(safe-area-inset-left)) 12px max(14px,env(safe-area-inset-right))}.brand-button{min-width:0;gap:10px;font-size:18px}.brand-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-mark{width:34px;height:34px;flex:0 0 auto}.member-entry-button{width:auto;flex:0 0 auto;justify-content:center;gap:8px;min-height:42px;padding:8px 12px;font-size:15px}.member-entry-button:after{content:"上傳";padding:2px 8px;font-size:11px}.member-entry-button svg{width:18px;height:18px}.category-nav{top:var(--public-header-offset);display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:9px 14px;scroll-padding:14px;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-nav button{display:inline-flex;flex:0 0 auto;min-height:40px;align-items:center;justify-content:center;gap:0;scroll-snap-align:start;border-radius:999px;box-shadow:none;padding:9px 15px;text-align:center;white-space:nowrap}.category-nav button:after{display:none}.category-frame{display:none}.category-label span{font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif;font-size:15px;font-weight:800;line-height:1;white-space:nowrap}.works-list-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;margin-bottom:28px}.works-list-heading .eyebrow{margin:0}.works-list-heading h1{grid-column:1 / -1;max-width:none;margin:0;font-size:clamp(34px,10vw,44px);line-height:1.12;white-space:nowrap}.works-list-heading .secondary-action{width:auto;min-height:44px;padding:10px 16px;white-space:nowrap}.hero-section,.quiet-section,.story-section,.lower-info{padding-left:18px;padding-right:18px}h1{font-size:42px}.hero-actions{display:grid}.primary-action,.secondary-action{width:100%}.line-contact-panel{grid-template-columns:1fr}.line-contact-panel .primary-action{width:100%}.line-qr-card{width:min(100%,240px);justify-self:center}.work-grid,.story-columns,.upload-grid,.works-editor-grid,.new-work-card{grid-template-columns:1fr}.work-image{min-height:220px}.work-detail-backdrop{align-items:start;padding:12px}.work-detail-image{min-height:300px}.work-detail-copy{padding:24px}}