:root{--app-primary:#176b87;--app-primary-dark:#104e64;--app-soft:#edf9fc;--app-border:#d9ebf0}
html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at 10% 0,#dff4fa 0,transparent 36%),#f4f8fa;color:#173b47;font-family:"Microsoft JhengHei",system-ui,-apple-system,sans-serif}
.brand-mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:linear-gradient(145deg,#27a8bd,var(--app-primary-dark));color:#fff;box-shadow:0 .35rem 1rem #176b8733}
.navbar-brand{color:#173b47}.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--app-primary)}
.hero-card{border:1px solid var(--app-border);border-radius:1.25rem;background:linear-gradient(135deg,#fff,var(--app-soft));box-shadow:0 .75rem 2rem #234f5d12}
.tool-card{border:0;border-radius:1rem;box-shadow:0 .35rem 1.5rem #234f5d12;transition:transform .18s,box-shadow .18s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 .7rem 2rem #234f5d20}.tool-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.85rem;background:#d8f2f6;font-size:1.45rem}
.feature-chip{padding:.55rem .75rem;border:1px solid var(--app-border);border-radius:.7rem;background:#fff;color:#315f6e}
.pdfcont{width:min(1120px,calc(100% - 2rem));margin:2rem auto 0;padding:1.5rem;background:#fff;border-radius:1.25rem;box-shadow:0 .35rem 1.5rem #234f5d12}
#page-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin-bottom:.4rem}#page-desc{color:#557681;margin-bottom:1.25rem;line-height:1.65}
#controls,.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0}#controls button,#export-btn,#download-all-btn{border:1px solid var(--app-primary);border-radius:.55rem;padding:.6rem 1rem;background:var(--app-primary);color:#fff;font-weight:600}#controls button:hover:not(:disabled),#export-btn:hover:not(:disabled),#download-all-btn:hover:not(:disabled){background:var(--app-primary-dark)}button:disabled{opacity:.55;cursor:not-allowed}
#drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:13rem;border:2px dashed #70b5c5;border-radius:1rem;padding:1.5rem;background:#f1fbfd;color:var(--app-primary);font-size:1.1rem;font-weight:600;text-align:center;cursor:pointer;transition:.2s}#drop-zone:before{content:'↑';display:grid;place-items:center;width:4rem;height:4rem;margin-bottom:.8rem;border-radius:50%;background:#d8f2f6;font-size:2rem}#drop-zone:hover,#drop-zone.hover{border-color:var(--app-primary);background:#e1f6fa;transform:translateY(-2px)}
.section{margin:1rem 0;padding:1rem;border:1px solid var(--app-border)!important;border-radius:.85rem!important;background:#f4fafb!important}.notice{font-size:1rem!important;padding:.8rem 1rem!important;margin:.5rem 0!important}.field select,.field input,.pdfcont select{max-width:100%;padding:.45rem .65rem;border:1px solid #b9d2d9;border-radius:.45rem;background:#fff;font-size:1rem!important}
#preview-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.25rem}.page-thumb{position:relative;padding:.55rem;border:1px solid var(--app-border);border-radius:.75rem;background:#fff;box-shadow:0 .2rem .8rem #234f5d12}.page-thumb canvas{display:block;max-width:100%;height:auto;border-radius:.35rem}.page-number{text-align:center;color:#557681;font-size:.85rem;margin-top:.4rem}.delete-btn,.rotate-btn{border:0;border-radius:50%;width:2rem;height:2rem;background:#fff;box-shadow:0 .1rem .45rem #0003}.delete-btn{color:#b42318}.rotate-btn{color:var(--app-primary)}
.page-adjust-tool #preview-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.page-adjust-tool .page-thumb{min-width:0}.page-adjust-tool .page-thumb canvas{width:100%}
#pwd-modal,#img-modal{position:fixed;inset:0;z-index:1080;display:none;align-items:center;justify-content:center;padding:1rem;background:#0b2732aa}.modal-content,.modal-card{max-width:min(95vw,900px);max-height:90vh;overflow:auto;padding:1.25rem;border:0;border-radius:1rem;background:#fff}
.hint{font-size:1rem!important}.status-note{min-height:1.5rem}.btn-primary{--bs-btn-bg:var(--app-primary);--bs-btn-border-color:var(--app-primary);--bs-btn-hover-bg:var(--app-primary-dark);--bs-btn-hover-border-color:var(--app-primary-dark)}
footer{margin-top:3rem}.footer-link{color:#557681;text-decoration:none}.footer-link:hover{color:var(--app-primary)}
@media(max-width:991.98px){.page-adjust-tool #preview-container{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.pdfcont{width:calc(100% - 1rem);padding:1rem;margin-top:1rem}#controls,.actions{align-items:stretch;flex-direction:column}#controls>*{width:100%}#preview-container{justify-content:center}.page-adjust-tool #preview-container{grid-template-columns:1fr}}