@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700;900&family=Ma+Shan+Zheng&display=swap";:root{--bg-primary: #0d0f12;--bg-secondary: #14171e;--bg-tertiary: #1b202a;--bg-card: rgba(22, 26, 35, .88);--bg-glass: rgba(18, 22, 30, .92);--bg-input: #10131a;--color-ink: #f5f0e6;--color-ink-muted: #a69e8e;--color-ink-dim: #6c7380;--gold-primary: #d4af37;--gold-light: #f5d77f;--gold-dark: #aa8620;--gold-glow: rgba(212, 175, 55, .25);--red-seal: #b33939;--red-seal-hover: #c23616;--red-seal-dark: #7f1d1d;--red-glow: rgba(194, 54, 22, .35);--border-ink: rgba(212, 175, 55, .18);--border-ink-strong: rgba(212, 175, 55, .45);--border-dim: rgba(255, 255, 255, .08);--shadow-ink: 0 10px 30px -8px rgba(0, 0, 0, .8);--shadow-gold: 0 0 20px rgba(212, 175, 55, .15);--font-serif: "Noto Serif TC", "Songti TC", "Kaiti TC", serif;--font-calligraphy: "Ma Shan Zheng", "Noto Serif TC", cursive, serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-primary);color:var(--color-ink);font-family:var(--font-serif);line-height:1.6;min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(212,175,55,.03) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(179,57,57,.04) 0%,transparent 45%),linear-gradient(to bottom,#0a0b0e,#0e1117);background-attachment:fixed;overflow-x:hidden}.mobile-app-shell{width:100%;max-width:480px;margin:0 auto;min-height:100vh;position:relative;background-color:var(--bg-primary);box-shadow:0 0 50px #000c;display:flex;flex-direction:column;padding-bottom:96px}.admin-shell{width:100%;max-width:1200px;margin:0 auto;min-height:100vh;padding:20px 16px 60px}.seal-stamp{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--red-seal);background:#b339391f;color:#ff6b6b;font-family:var(--font-serif);font-weight:700;border-radius:4px;padding:2px 8px;letter-spacing:2px;text-shadow:0 0 8px rgba(255,107,107,.4);box-shadow:inset 0 0 6px #b339394d}.seal-stamp-large{width:72px;height:72px;border-radius:8px;border:2px solid var(--red-seal);background:var(--red-seal-dark);color:#fff;font-size:16px;line-height:1.2;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 15px var(--red-glow);transform:rotate(-3deg)}.ink-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-ink);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow-ink);position:relative;transition:all .25s ease}.ink-card:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent);opacity:.35}.ink-badge-gold{display:inline-flex;align-items:center;gap:4px;background:#d4af371f;border:1px solid rgba(212,175,55,.35);color:var(--gold-light);font-size:12px;padding:3px 8px;border-radius:100px;letter-spacing:1px}.ink-badge-red{display:inline-flex;align-items:center;gap:4px;background:#c2361626;border:1px solid rgba(194,54,22,.4);color:#ff7675;font-size:12px;padding:3px 8px;border-radius:100px}.calligraphy-title{font-family:var(--font-serif);font-weight:900;letter-spacing:2px;color:var(--color-ink);text-shadow:0 2px 10px rgba(0,0,0,.7)}.calligraphy-art{font-family:var(--font-calligraphy);color:var(--gold-primary)}.ink-input,.ink-select,.ink-textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-ink);border-radius:8px;color:var(--color-ink);font-family:var(--font-serif);font-size:15px;padding:10px 14px;outline:none;transition:all .2s ease}.ink-input:focus,.ink-select:focus,.ink-textarea:focus{border-color:var(--gold-primary);box-shadow:0 0 10px var(--gold-glow)}.ink-input::placeholder,.ink-textarea::placeholder{color:var(--color-ink-dim)}.qty-stepper{display:inline-flex;align-items:center;background:#0d0f14;border:1px solid var(--border-ink);border-radius:6px;overflow:hidden;height:36px}.qty-btn{width:34px;height:100%;background:#ffffff08;border:none;color:var(--color-ink);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.qty-btn:active{background:var(--gold-primary);color:#000}.qty-val{width:44px;height:100%;border:none;background:transparent;color:var(--gold-light);font-family:var(--font-serif);font-size:15px;font-weight:700;text-align:center;outline:none}.qty-stepper-compact{height:28px;border-radius:4px}.qty-stepper-compact .qty-btn{width:24px;font-size:14px}.qty-stepper-compact .qty-val{width:30px;font-size:13px}.btn-gold{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:#0d0f12;font-family:var(--font-serif);font-weight:700;border:none;border-radius:8px;padding:10px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 15px #d4af3740}.btn-gold:hover,.btn-gold:active{background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));box-shadow:0 6px 20px #d4af3766;transform:translateY(-1px)}.btn-red{background:linear-gradient(135deg,var(--red-seal),var(--red-seal-dark));color:#fff;font-family:var(--font-serif);font-weight:700;border:1px solid rgba(255,107,107,.3);border-radius:8px;padding:10px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 15px var(--red-glow)}.btn-red:hover,.btn-red:active{background:linear-gradient(135deg,var(--red-seal-hover),var(--red-seal));box-shadow:0 6px 20px #e8411880;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-ink);font-family:var(--font-serif);border:1px solid var(--border-ink);border-radius:8px;padding:8px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.btn-outline:hover{border-color:var(--gold-primary);color:var(--gold-light)}.floating-bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#10141cf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-ink-strong);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;z-index:99;box-shadow:0 -10px 30px #000000b3}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:none;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-overlay.active{display:flex;opacity:1;pointer-events:auto}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-ink);border-radius:16px;width:100%;max-width:460px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #000000e6;overflow:hidden;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(30px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-fullscreen{max-width:100%;height:100%;max-height:100vh;border-radius:0}.matrix-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px;border:1px solid rgba(212,175,55,.15);border-radius:8px;background:#0b0d11}.matrix-table{width:100%;min-width:400px;border-collapse:collapse;font-size:13px}.matrix-table th,.matrix-table td{padding:8px 6px;text-align:center;border:1px solid rgba(255,255,255,.05)}.matrix-table th{background:#141822;color:var(--gold-light);font-weight:600;position:sticky;top:0;z-index:2}.matrix-table th:first-child,.matrix-table td:first-child{position:sticky;left:0;background:#131620;font-weight:600;color:var(--color-ink);text-align:left;padding-left:10px;z-index:1}.autocomplete-dropdown{position:relative;width:100%;background:var(--bg-tertiary);border:1px solid var(--gold-primary);border-radius:8px;max-height:240px;overflow-y:auto;z-index:20;margin-top:8px;box-shadow:0 4px 20px #0009;-webkit-overflow-scrolling:touch}.autocomplete-item{padding:10px 14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s ease}.autocomplete-item:hover,.autocomplete-item.active{background:#d4af3726;color:var(--gold-light)}.cat-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{white-space:nowrap;padding:6px 14px;background:#ffffff0d;border:1px solid transparent;border-radius:20px;color:var(--color-ink-muted);font-size:13px;cursor:pointer;transition:all .2s ease}.cat-tab.active{background:#d4af3726;border-color:var(--gold-primary);color:var(--gold-light);font-weight:700}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}.ink-card{background:#fff!important;border:1px solid #ccc!important;color:#000!important;box-shadow:none!important}.matrix-table th,.matrix-table td{border:1px solid #aaa!important;color:#000!important;background:#fff!important}}