/* v10 — retain the navy, crystal blue and warm gold of the original maker. */
.editor-reset-row{display:flex;justify-content:flex-end;margin:-3px 0 7px}
#reset-defaults{font:11px 'Noto Sans TC',sans-serif;letter-spacing:.3px;color:#a8bdcc;border:0;background:none;padding:3px 0 5px;cursor:pointer}
#reset-defaults:hover{color:#e1c78f}#reset-defaults:disabled{opacity:.4;cursor:wait}
.social-link-preview{padding-top:10px}.social-link-preview small{display:block;margin:6px 2px 0;color:#88a7b7;font-size:10px;overflow-wrap:anywhere}
.crystal-section{max-width:1440px;margin:64px auto 0;padding:36px 40px 48px;border:0;background:linear-gradient(180deg,rgba(10,27,44,.88),rgba(6,15,29,.9));border-top:1px solid #2f5263;border-bottom:1px solid #283e50}
.crystal-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 26px}
.crystal-eyebrow{font:10px 'Noto Sans TC',sans-serif;letter-spacing:3px;color:#82b9c8;margin:0 0 8px;display:block}
.crystal-section .gallery-title{font:400 27px 'Noto Serif TC','Noto Sans TC',serif;letter-spacing:3px;text-align:left;margin:0 0 10px;color:#e5d4ad;border:0;padding:0}
.crystal-intro{font-size:12px;line-height:1.8;color:#9bb4c5;margin:0}
.crystal-album-open{display:flex;align-items:center;gap:17px;border:1px solid #607373;border-radius:9px;padding:15px 19px;background:linear-gradient(125deg,#223e4b,#101e33);color:#e8dec3;font:13px 'Noto Sans TC',sans-serif;letter-spacing:.8px;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 3px rgba(5,18,33,.55);flex-shrink:0;transition:background .2s,border-color .2s}
.crystal-album-open:hover{border-color:#d2bb83;background:linear-gradient(125deg,#304e59,#14273d)}
.crystal-gem{font-size:40px;line-height:1;color:#a6e3e6;text-shadow:0 0 20px #7af5f25c}.crystal-album-open small{display:block;font-size:10px;color:#a5bac7;margin-top:5px;letter-spacing:.2px}
.crystal-status{font-size:11px;line-height:1.6;color:#839faf;min-height:17px;margin:0 0 14px}
.crystal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.crystal-card{min-width:0;overflow:hidden;background:#0d1b2d;border:1px solid #2d4659;border-radius:10px;box-shadow:0 9px 25px #0002;transition:border-color .18s,box-shadow .18s;align-self:stretch}
.crystal-card:hover{border-color:#709caa;box-shadow:0 9px 30px #0004}
.crystal-image{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:700/394;overflow:hidden;padding:0;border:0;border-bottom:1px solid #243c51;background:radial-gradient(ellipse at center,#1d3347,#070e1a);cursor:zoom-in;color:#aac3d2;font:12px 'Noto Sans TC',sans-serif}
.crystal-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .22s}
.crystal-zoom{position:absolute;right:10px;bottom:10px;border:1px solid #91b5c055;padding:5px 9px;border-radius:5px;font-size:10px;letter-spacing:.4px;background:#081626de;color:#d0e9ee;opacity:0;transition:opacity .2s}
.crystal-image:hover .crystal-zoom,.crystal-image:focus-visible .crystal-zoom{opacity:1}.crystal-image:hover img{transform:scale(1.018)}
.crystal-image.image-missing{cursor:default}.crystal-card-info{padding:15px 17px 16px}
.crystal-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;letter-spacing:.4px;margin:0 0 9px;color:#8fabbc}
.crystal-card-type{color:#ccb987}.crystal-card-date{font-size:9px;color:#778e9f;white-space:nowrap}
.crystal-card-info h3{font:500 18px 'Noto Sans TC',sans-serif;line-height:1.6;letter-spacing:.6px;margin:0;color:#eef4f7;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.crystal-card-server{font-size:11px;line-height:1.65;color:#9bb7ca;margin:4px 0 14px;min-height:18px;overflow-wrap:anywhere}
.crystal-social{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;max-width:100%;border:1px solid #3e5b71;border-radius:6px;padding:8px 10px;text-decoration:none;color:#d8eaf5;background:#15293e;font:11px 'Noto Sans TC',sans-serif;line-height:1.5;letter-spacing:.15px;transition:background .2s,border-color .2s}
.crystal-social:hover{color:white;border-color:#9fc9d5;background:#203d55}
.social-mark{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:5px;background:#dae7ef;color:#132538;font:700 11px sans-serif;flex:none;letter-spacing:0}
.social-label{min-width:0;overflow-wrap:anywhere}.social-arrow{margin-left:auto;color:#9fbccc;font-size:14px}
.social-instagram .social-mark{background:linear-gradient(135deg,#b784dd,#f0a87a);color:#201828}.social-facebook .social-mark{background:#9abfff;color:#112a53}.social-discord .social-mark{background:#a2abff;color:#202247}.social-line .social-mark{background:#86d6a5;color:#0b3d20}.social-youtube .social-mark{background:#ec969d;color:#4a121c}.social-bluesky .social-mark{background:#92d2ee;color:#11374e}
.crystal-no-link{font-size:10px;color:#728b9d;margin:0;min-height:38px;display:flex;align-items:center;line-height:1.6}
.crystal-modal-open{overflow:hidden}
.crystal-dialog{padding:0;color:#e3eef5;background:#0a1729;border:1px solid #496170;border-radius:16px;box-shadow:0 30px 110px #000b;font-family:'Noto Sans TC',sans-serif;margin:auto;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px)}
.crystal-dialog::backdrop{background:rgba(1,6,15,.85);backdrop-filter:blur(7px)}
.crystal-dialog[open]{animation:crystal-arrive .2s ease-out}
@keyframes crystal-arrive{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:none}}
.crystal-close{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border:1px solid #426174;border-radius:50%;background:#0d2236;color:#d4e8ed;font-size:24px;line-height:1;cursor:pointer}
.crystal-close:hover{border-color:#cfbc8d;color:#f0ddab}
.crystal-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid #3c5870;border-radius:6px;padding:8px 14px;background:#11273d;color:#ccdee9;font:12px 'Noto Sans TC',sans-serif;cursor:pointer;white-space:nowrap}
.crystal-button:hover:not(:disabled){border-color:#9abfca;background:#1e3a50}.crystal-button:disabled{opacity:.36;cursor:default}.crystal-primary{border-color:#d3bb82;background:#ccb780;color:#112233}.crystal-primary:hover:not(:disabled){background:#e2cea0;border-color:#e2cea0}
.album-dialog{width:1240px}.album-shell{height:min(1000px,calc(100dvh - 42px));display:flex;flex-direction:column;min-height:0}
.album-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:29px 34px 23px;flex:none;background:radial-gradient(ellipse at 80% 0,#254b5c66,transparent 70%),linear-gradient(130deg,#122c40,#0c1b2f);border-bottom:1px solid #304957}
.album-header h2{font:400 28px 'Noto Serif TC','Noto Sans TC',serif;letter-spacing:4px;margin:5px 0 10px;color:#eadbb9;border:0;padding:0}.album-header p{font-size:11px;color:#94b1c2;margin:0;line-height:1.8}
.album-tools{display:flex;align-items:stretch;gap:10px;padding:22px 34px 0;flex:none}
.album-search{display:flex;align-items:center;gap:10px;flex:1;margin:0;min-width:0;padding:0 13px;background:#061321;border:1px solid #355269;border-radius:7px;color:#98bdce}.album-search>span{font-size:23px}.album-search input{width:100%;min-width:0;border:0;background:none;color:#e5eff5;font:12px 'Noto Sans TC',sans-serif;padding:11px 0;outline:none}.album-search:focus-within{border-color:#bddbdf;box-shadow:0 0 0 2px #8ce1e51c}.album-search input::placeholder{color:#708b9f}
.album-tools select{width:145px;background:#11273d;color:#d7e7f0;font:12px 'Noto Sans TC',sans-serif;border:1px solid #3c5870;border-radius:6px;padding:0 10px;min-width:0}.album-tools .crystal-button{min-width:66px}
.album-meta{display:flex;justify-content:space-between;gap:12px;padding:13px 34px 16px;color:#8ba6b9;font-size:10px;flex:none;min-height:44px;line-height:1.6}.album-meta p{margin:0}.album-meta>span{white-space:nowrap;color:#678496}
.album-scroll{padding:0 34px 28px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-color:#385a6f #0a1729;scrollbar-width:thin}.album-scroll .crystal-grid{gap:20px}.album-scroll .crystal-card-info{padding:14px 15px}.album-scroll .crystal-card-info h3{font-size:17px}
.album-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none;padding:16px 34px;margin:0;background:#0c1e31;border-top:1px solid #2d465b}
#album-pages{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}.page-number{min-width:33px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:5px;font:12px 'Noto Sans TC',sans-serif;color:#a7bfd0;cursor:pointer}.page-number[aria-current=page]{background:#cfbc8a;color:#122336;border-color:#cfbc8a}.page-number:hover{border-color:#7894a5}.page-gap{font-size:12px;color:#6f8c9f}
.crystal-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;padding:40px 20px;text-align:center;border:1px dashed #355063;border-radius:10px;background:#10223860;color:#9ab6c9}.crystal-empty-gem{font-size:54px;font-weight:300;color:#7bbbc8;line-height:1.2;margin-bottom:15px}.crystal-empty h3{font-size:18px;font-weight:400;color:#dbcda9;letter-spacing:1px;margin:0 0 9px}.crystal-empty p{font-size:12px;line-height:1.8;margin:0 0 17px;max-width:360px}
.crystal-lightbox{width:1100px}.lightbox-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 44px)}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;font-size:11px;color:#97b2c4;flex:none}.lightbox-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;flex:1;background:#030a14;overflow:hidden}#crystal-detail-image{display:block;width:100%;height:auto;max-height:calc(100dvh - 270px);object-fit:contain;min-height:60px}.image-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:48px;border:1px solid #aec8d566;border-radius:6px;background:#0c1b2ed9;color:white;font-size:30px;cursor:pointer}.image-nav.prev{left:14px}.image-nav.next{right:14px}.image-nav:disabled{opacity:.25;cursor:default}
.lightbox-info{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 28px;flex:none;max-height:36dvh;overflow:auto}.lightbox-info>div{min-width:0}.lightbox-info h2{font:400 23px 'Noto Sans TC',sans-serif;letter-spacing:1px;margin:5px 0;color:#eee3ca;border:0;padding:0;overflow-wrap:anywhere}.lightbox-info p{font-size:12px;color:#a0bed1;margin:6px 0;overflow-wrap:anywhere}.lightbox-info time{font-size:10px;color:#7793a7}.crystal-link-host{display:block;color:#7b9db2;font-size:10px;overflow-wrap:anywhere;margin-top:7px}.lightbox-info .crystal-eyebrow{font-size:9px;letter-spacing:1.5px}
.reset-dialog{width:470px;padding:28px}.reset-dialog h2{font-size:22px;font-weight:400;letter-spacing:1px;color:#e8d5a5;margin:13px 0 18px;border:0;padding:0}.reset-dialog p{font-size:13px;color:#b3cad8;line-height:1.9}.reset-dialog .reset-assurance{font-size:11px;color:#88afbe}.crystal-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}
.crystal-dialog button:focus-visible,.crystal-section button:focus-visible,.crystal-social:focus-visible{outline:2px solid #deca95;outline-offset:3px}
@media(max-width:1000px){.crystal-section{padding:28px 24px}.crystal-grid{gap:16px}.crystal-card-info{padding:13px}.crystal-card-info h3{font-size:16px}.album-header{padding:24px}.album-tools{padding:18px 24px 0}.album-meta{padding:12px 24px}.album-scroll{padding:0 24px 24px}.album-pagination{padding:15px 24px;gap:9px}.album-scroll .crystal-grid{gap:14px}}
@media(max-width:700px){.crystal-section{margin-top:35px;padding:28px 16px}.crystal-section-head{align-items:stretch;flex-direction:column;gap:20px;margin-bottom:20px}.crystal-section .gallery-title{font-size:24px}.crystal-album-open{padding:12px 15px;gap:14px}.crystal-album-open>span:last-child{margin-left:auto}.crystal-gem{font-size:32px}.crystal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.crystal-card-info{padding:11px}.crystal-card-top{font-size:8px;gap:4px;flex-wrap:wrap}.crystal-card-info h3{font-size:14px;letter-spacing:0}.crystal-card-server{font-size:10px;min-height:32px;margin:4px 0 10px}.crystal-social{font-size:10px;padding:7px;gap:6px;width:100%}.social-mark{width:18px;height:18px;font-size:10px}.crystal-no-link{font-size:9px}.crystal-zoom{opacity:1;padding:3px 5px;right:6px;bottom:6px;font-size:8px}.crystal-status{font-size:10px}.crystal-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.album-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}.album-shell{height:100dvh}.album-header{padding:22px 18px 18px}.album-header h2{font-size:23px;letter-spacing:2px}.album-header p{font-size:10px}.crystal-eyebrow{font-size:8px;letter-spacing:2px}.album-tools{padding:15px 16px 0;gap:7px;flex-wrap:wrap}.album-search{flex-basis:100%}.album-tools select{flex:1;min-height:36px}.album-tools .crystal-button{min-width:66px}.album-meta{padding:11px 16px;font-size:9px}.album-scroll{padding:0 16px 18px}.album-scroll .crystal-grid{gap:12px}.album-scroll .crystal-card-info{padding:10px}.album-scroll .crystal-card-info h3{font-size:14px}.album-pagination{padding:12px 12px max(12px,env(safe-area-inset-bottom));gap:7px}.album-pagination .crystal-button{padding:7px 8px;font-size:10px;min-height:32px}#album-pages{gap:3px}.page-number{min-width:25px;height:30px;font-size:11px}.page-gap{font-size:10px}.crystal-lightbox{max-width:100vw;width:100vw;border-left:0;border-right:0;border-radius:0}.lightbox-toolbar{padding:10px 14px}.lightbox-info{padding:17px 18px;gap:13px;align-items:stretch;flex-direction:column;max-height:39dvh}.lightbox-info h2{font-size:21px}.lightbox-info .crystal-social{width:auto;font-size:11px}.lightbox-info p{font-size:11px}#crystal-detail-image{max-height:55dvh}.lightbox-shell{max-height:calc(100dvh - 24px)}.image-nav{width:29px;height:39px;font-size:24px}.image-nav.prev{left:7px}.image-nav.next{right:7px}.reset-dialog{padding:25px 22px}.editor-reset-row{margin:-4px 0 5px}#reset-defaults{font-size:10px;padding:2px 0 4px}}
@media(max-width:360px){.crystal-section{padding:23px 12px}.crystal-grid{gap:9px}.crystal-card-info{padding:9px}.crystal-card-info h3{font-size:13px}.social-arrow{display:none}.album-scroll{padding:0 12px 14px}.album-pagination{gap:5px;padding-left:8px;padding-right:8px}.page-number{min-width:22px}.album-pagination .crystal-button{font-size:9px;padding:7px 6px}.crystal-card-date{font-size:8px}}
@media(prefers-reduced-motion:reduce){.crystal-dialog[open]{animation:none}.crystal-image img,.crystal-zoom,.crystal-card,.crystal-album-open{transition:none}}
body[data-motion=reduced] .crystal-dialog[open]{animation:none}
.crystal-profile-link{display:flex;justify-content:center;margin-top:10px;text-decoration:none}