.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .4s ease;padding:28px 0}.navbar--scrolled{padding:16px 0;background:#0a0a0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.navbar__inner{max-width:var(--container);margin:0 auto;padding:0 60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.navbar__logo{display:flex;align-items:baseline;gap:10px;justify-self:start}.navbar__logo-mark{font-size:18px;font-weight:700;letter-spacing:1px;color:var(--fg)}.navbar__logo-en{font-size:11px;font-weight:500;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.navbar__links{display:flex;list-style:none;gap:48px;justify-self:center}.navbar__links a{font-size:13px;color:var(--fg-muted);transition:color .3s ease;position:relative}.navbar__links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s ease}.navbar__links a:hover{color:var(--fg)}.navbar__links a:hover:after{width:100%}.navbar__actions{display:flex;align-items:center;gap:20px;justify-self:end}.navbar__admin-link{font-size:12px;color:var(--fg-muted);transition:color .3s ease}.navbar__admin-link:hover{color:var(--accent)}@media (max-width: 1100px){.navbar__inner{padding:0 24px;grid-template-columns:auto 1fr}.navbar__links{display:none}.navbar__actions{justify-self:end}}.hero{position:relative;width:100%;height:100vh;min-height:760px;background:#050505;overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero__bg img,.hero__bg video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:scale(1.12);filter:contrast(1.04) brightness(.92)}.hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#050505c7,#05050552 45%,#0505051a),linear-gradient(to top,#050505,#05050526 40%,#05050540)}.hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:2}.hero__layout{position:relative;z-index:5;width:100%;height:100%;max-width:var(--container);margin:0 auto;padding:120px 60px 44px;display:flex;flex-direction:column;justify-content:space-between}.hero__title-block{margin-top:6vh;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(16px,2vw,32px);animation:heroRise .9s cubic-bezier(.16,1,.3,1) both}.hero__title-cn{font-size:clamp(130px,17vw,270px);font-weight:900;letter-spacing:-.04em;line-height:.82;margin:0;color:var(--fg);text-shadow:0 6px 80px rgba(0,0,0,.5);white-space:nowrap}.hero__title-meta{display:flex;align-items:baseline;gap:12px;margin-top:clamp(6px,.8vw,12px);transform:translate(250px)}.hero__title-en{font-size:clamp(32px,4vw,58px);font-weight:500;letter-spacing:.02em;color:var(--accent);line-height:1;text-shadow:0 2px 20px rgba(0,0,0,.6)}.hero__title-divider{font-size:18px;font-weight:300;color:#ffffff59;transform:translateY(2px)}.hero__title-role{font-size:12px;font-weight:500;letter-spacing:2.5px;color:var(--fg-muted);text-transform:uppercase;transform:translateY(2px)}.hero__bottom{display:flex;flex-direction:column;gap:18px;animation:heroRise 1s .1s cubic-bezier(.16,1,.3,1) both}.hero__tagline{display:block;font-size:14px;line-height:1.6;color:var(--fg-muted);letter-spacing:2px;margin:0}.hero__thumbs{width:100%;overflow:hidden;animation:heroRise 1s .15s cubic-bezier(.16,1,.3,1) both}.hero__thumbs-track{display:flex;gap:8px;width:max-content;will-change:transform}.hero__thumb{flex-shrink:0;width:clamp(140px,13vw,220px);aspect-ratio:4 / 3;overflow:hidden;background:#141414;border:1px solid rgba(255,255,255,.06);padding:0;cursor:pointer;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s ease}.hero__thumb:hover{transform:scale(1.1);border-color:#c3f56280;z-index:2}.hero__thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.3) contrast(1.05);transition:filter .4s ease}.hero__thumb:hover img{filter:grayscale(0) contrast(1)}@keyframes heroRise{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.hero__layout{padding:80px 24px 32px}.hero__thumb{width:160px}}@media (min-width: 1700px){.hero__title-cn{font-size:250px}.hero__title-en{font-size:60px}.hero__title-role{font-size:13px}}.projects{padding:44px 0 30px;background:#080808}.projects__sticky-bar{position:sticky;top:70px;z-index:900;background:#080808bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:16px 0 24px;margin-bottom:24px}.projects__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.projects__title-wrap{display:flex;align-items:baseline;gap:20px}.projects__index{font-family:var(--font-mono);font-size:14px;color:var(--accent);letter-spacing:2px}.projects__heading{font-size:52px;font-weight:700;letter-spacing:-.02em}.projects__sub{font-size:15px;color:var(--fg-muted);max-width:320px;line-height:1.7}.projects__filter{display:flex;flex-wrap:wrap;gap:0;margin-bottom:0;border-bottom:1px solid var(--border)}.projects__filter-btn{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;color:var(--fg-muted);font-size:13px;font-family:var(--font-sans);letter-spacing:.5px;cursor:pointer;transition:all .3s ease;margin-bottom:-1px}.projects__filter-btn:hover{color:var(--fg)}.projects__filter-btn--active{color:var(--accent);border-bottom-color:var(--accent)}.projects__masonry-wrap{width:100%;overflow:hidden}.projects__masonry{max-width:var(--container);margin:0 auto;padding:0 60px;column-count:5;column-gap:6px}.projects__item{break-inside:avoid;margin-bottom:6px;opacity:0;animation:fadeUp .6s ease forwards;cursor:pointer}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.projects__img-box{position:relative;width:100%;overflow:hidden;background:#1a1a1a}.projects__img-box img{display:block;width:100%;height:auto;object-fit:contain;filter:grayscale(.15) contrast(1.02);transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s ease}.projects__img-box--natural{height:auto}.projects__img-box--natural img{height:auto;object-fit:contain}.projects__item:hover .projects__img-box img{transform:scale(1.05);filter:grayscale(0) contrast(1)}.projects__overlay{position:absolute;top:0;left:0;width:100%;padding:16px 20px;display:flex;justify-content:space-between;opacity:0;transition:opacity .3s ease;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)}.projects__item:hover .projects__overlay{opacity:1}.projects__cat,.projects__year{font-family:var(--font-mono);font-size:11px;color:var(--fg);letter-spacing:1px}.projects__meta{display:flex;align-items:baseline;gap:12px;padding:14px 4px 0}.projects__num{font-family:var(--font-mono);font-size:12px;color:var(--fg-dim)}.projects__title{font-size:14px;color:var(--fg);font-weight:500}@media (max-width: 1400px){.projects__masonry{column-count:4}}@media (max-width: 1100px){.projects__masonry{column-count:3}}@media (max-width: 760px){.projects__masonry{column-count:2}}.projects__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:40px;background:#000000d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:modalFade .3s ease forwards}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.projects__modal-inner{position:relative;width:100%;max-width:960px;max-height:86vh;display:grid;grid-template-columns:1.2fr 1fr;background:#0c0c0c;border:1px solid var(--border);overflow:hidden;animation:modalRise .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalRise{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.projects__modal-close{position:absolute;top:14px;right:16px;z-index:3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00000080;border:1px solid var(--border);color:var(--fg);font-size:22px;line-height:1;cursor:pointer;transition:all .3s ease}.projects__modal-close:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.projects__modal-img{overflow:hidden;background:#1a1a1a;max-height:86vh;display:flex;align-items:center;justify-content:center}.projects__modal-img img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(.1)}.projects__modal-img--natural{display:flex;align-items:center;justify-content:center}.projects__modal-img--natural img{width:100%;height:auto;object-fit:contain}.projects__modal-body{padding:48px 44px;display:flex;flex-direction:column;justify-content:center;gap:20px;overflow-y:auto}.projects__modal-tags{display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:12px;letter-spacing:1.5px}.projects__modal-cat{color:var(--accent)}.projects__modal-year{color:var(--fg-dim);padding-left:16px;border-left:1px solid var(--border)}.projects__modal-title{font-size:32px;font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--fg)}.projects__modal-desc{font-size:15px;line-height:1.9;color:var(--fg-muted);letter-spacing:.3px}@media (max-width: 760px){.projects__modal-inner{grid-template-columns:1fr;max-height:90vh}.projects__modal-body{padding:32px 28px}.projects__modal-inner--showcase{max-height:92vh}.projects__modal-img{max-height:40vh}.projects__modal-video{max-height:30vh}}.projects__modal-inner--showcase{grid-template-columns:1fr;max-width:1100px;max-height:92vh;overflow-y:auto}.projects__modal-inner--showcase .projects__modal-img{max-height:60vh}.projects__modal-video{width:100%;background:#000;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;min-height:280px;max-height:50vh;overflow:hidden}.projects__modal-video-el{width:100%;height:50vh;min-height:280px;border:none;display:block;background:#000}.projects__video-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:40px 20px;color:#555;font-size:13px;text-align:center}.projects__video-empty span{font-size:32px;opacity:.5}.projects__video-empty p{margin:0;font-size:14px;color:#999}.projects__video-empty small{font-size:11px;color:#555;letter-spacing:.5px}.projects__play-hint{margin-left:auto;padding:2px 8px;background:var(--accent);color:var(--bg);font-size:10px;font-weight:700;letter-spacing:1px}.projects__modal-body--showcase{padding:32px 44px}.about{padding:40px 0 30px;position:relative}.about__header{display:flex;align-items:baseline;gap:20px;margin-bottom:80px}.about__index{font-family:var(--font-mono);font-size:14px;color:var(--accent);letter-spacing:2px}.about__heading{font-size:52px;font-weight:700;letter-spacing:-.02em}.about__grid{display:grid;grid-template-columns:420px 1fr;gap:80px;align-items:start}.about__visual{position:sticky;top:120px}.about__avatar{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:#1a1a1a}.about__avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2) contrast(1.05);transition:filter .6s ease,transform .6s ease}.about__avatar:hover img{filter:grayscale(0) contrast(1);transform:scale(1.03)}.about__avatar-label{position:absolute;bottom:0;left:0;width:100%;padding:24px 28px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);display:flex;flex-direction:column;gap:4px}.about__avatar-label span:first-child{font-size:18px;font-weight:600}.about__avatar-role{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);letter-spacing:1.5px}.about__body{padding-top:20px}.about__intro{font-size:18px;line-height:2;color:var(--fg);letter-spacing:.3px;margin-bottom:48px;max-width:640px}.about__tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:56px}.about__tags span{padding:8px 18px;border:1px solid var(--border);font-size:13px;color:var(--fg-muted);font-family:var(--font-mono);letter-spacing:.5px;transition:all .3s ease}.about__tags span:hover{border-color:var(--accent);color:var(--accent)}.about__timeline{display:flex;flex-direction:column;margin-bottom:56px;border-left:1px solid var(--border)}.about__timeline-item{position:relative;display:grid;grid-template-columns:160px 1fr;gap:40px;padding:0 0 40px 40px}.about__timeline-item:last-child{padding-bottom:0}.about__timeline-item:before{content:"";position:absolute;left:-5px;top:7px;width:9px;height:9px;background:var(--accent)}.about__timeline-period{font-family:var(--font-mono);font-size:13px;color:var(--fg-muted);letter-spacing:1.5px;padding-top:2px}.about__timeline-title{font-size:20px;font-weight:600;letter-spacing:.2px;margin:0 0 10px}.about__timeline-company{font-size:14px;font-weight:400;color:var(--fg-muted);margin-left:12px}.about__timeline-desc{font-size:14px;line-height:1.9;color:var(--fg-muted);max-width:560px;margin:0}.contact-footer{position:relative;background:#050505;padding:40px 0}.contact-footer__inner{max-width:var(--container);width:100%;margin:0 auto;padding:0 60px}.contact-footer__top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.contact-footer__header{display:flex;align-items:baseline;gap:20px}.contact-footer__index{font-family:var(--font-mono);font-size:14px;color:var(--accent);letter-spacing:2px}.contact-footer__heading{font-size:52px;font-weight:700;letter-spacing:-.02em;line-height:1}.contact-footer__sub{font-size:16px;line-height:1.6;color:var(--fg-muted);text-align:right;white-space:nowrap;margin:0}.contact-footer__actions{display:grid;grid-template-columns:1fr 1fr;margin-bottom:60px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.contact-footer__row{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:40px 60px 40px 0;background:transparent;border:none;border-right:1px solid var(--border);color:var(--fg);font-family:var(--font-sans);cursor:pointer;text-align:left;transition:color .3s ease}.contact-footer__row:last-child{border-right:none;padding-left:60px;padding-right:0}.contact-footer__row-label{display:block;font-family:var(--font-sans);font-size:18px;font-weight:500;letter-spacing:.5px;line-height:1;color:var(--fg);text-transform:none}.contact-footer__row-body{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%}.contact-footer__row-value{flex:0 1 auto;min-width:0;font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.contact-footer__row:hover .contact-footer__row-value{color:var(--accent)}.contact-footer__row-hint{flex-shrink:0;font-family:var(--font-mono);font-size:12px;color:var(--fg);letter-spacing:1px;padding:10px 24px;border:1px solid var(--border);border-radius:999px;background:#151515;transition:all .3s ease}.contact-footer__row:hover .contact-footer__row-hint{color:var(--accent);border-color:var(--accent)}.contact-footer__row-hint.is-copied{color:var(--accent);border-color:var(--accent);background:#c3f56214}.contact-footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.contact-footer__logo{font-size:16px;font-weight:700;letter-spacing:1px}.contact-footer__copyright,.contact-footer__location{font-family:var(--font-mono);font-size:11px;color:var(--fg-dim);letter-spacing:1px}@media (max-width: 900px){.contact-footer__inner{padding:0 24px}.contact-footer__top{flex-direction:column;align-items:flex-start;gap:16px}.contact-footer__sub{text-align:left;max-width:100%}.contact-footer__heading{font-size:36px}.contact-footer__actions{grid-template-columns:1fr}.contact-footer__row{border-right:none;border-bottom:1px solid var(--border);padding:28px 0}.contact-footer__row:first-child{padding-left:0}.contact-footer__row:last-child{border-bottom:none;padding-left:0;padding-right:0}.contact-footer__row-value{font-size:24px}.contact-footer__row-hint{padding:8px 18px}.contact-footer__bottom{flex-direction:column;align-items:flex-start}}.admin{min-height:100vh;background:#080808;color:#e8e8e8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:40px 60px 80px}.admin__save-error{background:#3a0a0a;border:1px solid #e85555;color:#f99;padding:14px 20px;border-radius:0;font-size:14px;margin-bottom:20px;line-height:1.5}.admin__btn--save{border-color:#2e2e2e;color:#888;cursor:default}.admin__btn--save-active{border-color:#c3f562;color:#c3f562;cursor:pointer}.admin__btn--save-active:hover{background:#c3f5621a}.admin__dirty-flag{color:#e8b44a}.admin__save-bar{position:fixed;left:50%;bottom:28px;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:#141414;border:1px solid #c3f562;padding:12px 20px;box-shadow:0 8px 32px #0009;z-index:100}.admin__save-bar span{color:#c3f562;font-size:13px;letter-spacing:1px}.admin__loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#080808;color:#888;font-size:14px;letter-spacing:1px}.admin__header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:24px;border-bottom:1px solid #1f1f1f;margin-bottom:20px}.admin__brand h1{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.admin__brand span{font-size:13px;color:#888;letter-spacing:.5px}.admin__actions{display:flex;align-items:center;gap:12px}.admin__btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border:1px solid #2a2a2a;background:#e8e8e8;color:#080808;font-size:13px;font-weight:600;letter-spacing:.5px;cursor:pointer;text-decoration:none;transition:all .2s ease}.admin__btn:hover{background:#c3f562;border-color:#c3f562}.admin__btn--ghost{background:transparent;color:#e8e8e8;border-color:#2a2a2a}.admin__btn--ghost:hover{background:#111;color:#e8e8e8;border-color:#3a3a3a}.admin__btn--danger{background:transparent;color:#ff6b6b;border-color:#3a1f1f}.admin__btn--danger:hover{background:#3a1f1f;border-color:#ff6b6b}.admin__notice{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#888;padding:14px 0;margin-bottom:24px}.admin__notice span{color:#c3f562}.admin__about-section{background:#0f0f0f;border:1px solid #1a1a1a;padding:24px;margin-bottom:36px}.admin__about-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid #1f1f1f}.admin__about-head h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.admin__about-actions{display:flex;align-items:center;gap:10px}.admin__about-grid{display:grid;grid-template-columns:260px 1fr;gap:24px}.admin__about-preview{display:flex;flex-direction:column;gap:12px}.admin__about-preview .admin__card-preview{height:320px}.admin__about-hint{margin:0;font-size:13px;color:#888;letter-spacing:.5px}.admin__about-fields{display:flex;flex-direction:column;gap:14px}.admin__about-fields label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#888;letter-spacing:.5px}.admin__about-fields input,.admin__about-fields textarea{width:100%;background:#080808;border:1px solid #222;color:#e8e8e8;padding:10px 12px;font-size:14px;outline:none;transition:border-color .2s ease}.admin__about-fields input:focus,.admin__about-fields textarea:focus{border-color:#c3f562}.admin__about-fields textarea{resize:vertical;min-height:80px;line-height:1.6}.admin__about-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin__timeline-editor>span{font-size:12px;color:#888;letter-spacing:.5px}.admin__timeline-node{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #222;background:#050505}.admin__timeline-node em{font-style:normal;font-family:var(--font-mono);font-size:11px;color:#c3f562;letter-spacing:1.5px}.admin__timeline-node .admin__about-row,.admin__about-row--3{grid-template-columns:1fr 1fr 1fr}.admin__about-full{grid-column:1 / -1}@media (max-width: 900px){.admin__about-grid,.admin__about-row--3{grid-template-columns:1fr}}.admin__contact-grid{display:grid;grid-template-columns:260px 1fr;gap:24px}.admin__contact-preview{display:flex;flex-direction:column;gap:12px}.admin__contact-preview-tag{display:inline-flex;align-items:center;height:26px;padding:0 12px;background:#e33e3e;color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;border-radius:999px;width:fit-content}.admin__contact-preview-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:220px;padding:24px;background:#080808;border:1px solid #1a1a1a;font-size:42px;font-weight:900;line-height:1.05;letter-spacing:-.04em;color:#e8e8e8;text-transform:uppercase}.admin__contact-preview-title span{color:#c3f562}.admin__contact-advanced{margin-top:8px;padding:14px;background:#080808;border:1px dashed #2a2a2a;font-size:13px;color:#888}.admin__contact-advanced summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:#aaa}.admin__contact-advanced[open] summary{margin-bottom:14px}.admin__contact-links{display:flex;flex-direction:column;gap:12px;padding:16px 0}.admin__contact-links-title{font-size:12px;letter-spacing:.5px;color:#c3f562;font-weight:600;text-transform:uppercase;margin-bottom:4px}@media (max-width: 900px){.admin__contact-grid{grid-template-columns:1fr}}.admin__filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:30px}.admin__filter-item{display:inline-flex;align-items:stretch}.admin__filter-add{width:32px;margin-left:-1px;border:1px solid #333;background:transparent;color:#c3f562;font-size:15px;font-weight:700;line-height:1;cursor:pointer;transition:all .2s ease}.admin__filter-add:hover{background:#c3f562;color:#080808;border-color:#c3f562}.admin__filter-btn{height:36px;padding:0 18px;border:1px solid #222;background:transparent;color:#999;font-size:13px;cursor:pointer;transition:all .2s ease}.admin__filter-btn:hover{border-color:#444;color:#e8e8e8}.admin__filter-btn--active{border-color:#c3f562;color:#c3f562}.admin__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.admin__card{background:#0f0f0f;border:1px solid #1a1a1a;overflow:hidden;transition:border-color .2s ease}.admin__card:hover{border-color:#333}.admin__card-preview{position:relative;height:180px;background:#141414;overflow:hidden}.admin__card-preview img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.admin__card:hover .admin__card-preview img{transform:scale(1.03)}.admin__card-id{position:absolute;top:10px;left:10px;padding:4px 10px;background:#000000b3;color:#c3f562;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1px}.admin__card-fields{padding:18px;display:flex;flex-direction:column;gap:14px}.admin__card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;margin-bottom:2px;border-bottom:1px solid #1a1a1a}.admin__card-tip{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#555}.admin__card-del{border:1px solid #3a1f1f;background:transparent;color:#ff6b6b;font-size:12px;padding:4px 12px;cursor:pointer;transition:all .2s ease}.admin__card-del:hover{background:#3a1f1f;border-color:#ff6b6b}.admin__card-fields label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#888;letter-spacing:.5px}.admin__card-fields input,.admin__card-fields select,.admin__card-fields textarea{width:100%;background:#080808;border:1px solid #222;color:#e8e8e8;padding:10px 12px;font-size:14px;outline:none;transition:border-color .2s ease}.admin__card-fields input:focus,.admin__card-fields select:focus,.admin__card-fields textarea:focus{border-color:#c3f562}.admin__card-fields textarea{resize:vertical;min-height:80px;line-height:1.6}.admin__card-desc{grid-column:1 / -1}.admin__card-badge{position:absolute;top:10px;right:10px;padding:4px 10px;background:#c3f562;color:#080808;font-size:11px;font-weight:700;letter-spacing:1px}.admin__card-media{display:flex;flex-direction:column;gap:10px;padding:16px;background:#080808;border:1px dashed #2a2a2a;margin-top:6px}.admin__media-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin__media-label{font-size:12px;letter-spacing:.5px;color:#c3f562;font-weight:600;text-transform:uppercase}.admin__media-actions{display:flex;gap:8px}.admin__media-row--bili{flex-wrap:wrap}.admin__bili-input{flex:1;min-width:200px;height:36px;padding:0 12px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px;color:#e8e8e8;font-family:var(--font-mono, monospace);font-size:12px;outline:none;transition:border-color .2s ease}.admin__bili-input:focus{border-color:var(--accent, #c3f562)}.admin__bili-input::placeholder{color:#555}.admin__btn--mini{height:32px;padding:0 14px;font-size:12px;letter-spacing:.3px}.admin__media-info{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#888;padding-top:8px;border-top:1px solid #1a1a1a}.admin__media-status{color:#c3f562;font-weight:600}.admin__media-status--ok{color:#c3f562}.admin__media-status--err{color:#ff6b6b}.admin__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.admin__modal{width:100%;max-width:420px;background:#111;border:1px solid #2a2a2a;padding:28px;box-shadow:0 20px 60px #00000080}.admin__modal h3{margin:0 0 12px;font-size:18px;font-weight:700;letter-spacing:-.01em;color:#e8e8e8}.admin__modal p{margin:0 0 24px;font-size:14px;line-height:1.6;color:#888}.admin__modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}@media (max-width: 900px){.admin{padding:24px 24px 60px}.admin__header{flex-direction:column;align-items:flex-start;gap:20px}.admin__actions{flex-wrap:wrap}.admin__modal{margin:0 24px}.admin__modal-actions{flex-direction:column-reverse;align-items:stretch}}.admin__auth{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#080808;color:#e8e8e8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:24px}.admin__auth-box{width:100%;max-width:400px;border:1px solid #1f1f1f;background:#0c0c0c;padding:40px 36px}.admin__auth-box h1{margin:0 0 8px;font-size:22px;font-weight:700;letter-spacing:.5px;color:#f2f2f2}.admin__auth-sub{margin:0 0 28px;font-size:13px;color:#888;line-height:1.6}.admin__auth-form{display:flex;flex-direction:column;gap:16px}.admin__auth-field{display:flex;flex-direction:column;gap:8px}.admin__auth-field span{font-size:12px;color:#aaa;letter-spacing:.5px}.admin__auth-field input{height:44px;padding:0 14px;background:#111;border:1px solid #2a2a2a;color:#e8e8e8;font-size:14px;outline:none;border-radius:0;transition:border-color .15s}.admin__auth-field input:focus{border-color:#c3f562}.admin__auth-error{margin:0;color:#ff6b6b;font-size:13px}.admin__auth-form .admin__btn{margin-top:4px;width:100%}.admin__auth-back{display:inline-block;margin-top:20px;color:#666;font-size:13px;text-decoration:none;transition:color .15s}.admin__auth-back:hover{color:#c3f562}.admin__cloud{border:1px solid #1f1f1f;background:#0c0c0c;padding:20px 24px;margin-bottom:24px}.admin__cloud-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.admin__cloud-head h2{margin:0;font-size:15px;font-weight:700;color:#f2f2f2;letter-spacing:.5px}.admin__cloud-badge{font-size:11px;padding:2px 8px;border:1px solid #2a2a2a;color:#888;letter-spacing:1px}.admin__cloud-head .admin__cloud-badge{color:#c3f562;border-color:#c3f56259}.admin__cloud-desc{margin:0 0 14px;font-size:13px;color:#888;line-height:1.7}.admin__cloud-desc strong{color:#c3f562;font-weight:600}.admin__cloud-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin__cloud-input{flex:1;min-width:260px;height:40px;padding:0 12px;background:#111;border:1px solid #2a2a2a;color:#e8e8e8;font-size:13px;outline:none;border-radius:0}.admin__cloud-input:focus{border-color:#c3f562}.admin__cloud-msg{margin:12px 0 0;font-size:13px;color:#c3f562;line-height:1.6}.admin__cloud-msg--error{color:#ff6b6b}.admin__cloud-hint{margin:12px 0 0;font-size:12px;color:#666;line-height:1.8}.admin__cloud-hint em{color:#999;font-style:normal}.app{position:relative;width:100%}:root{--bg: #0a0a0a;--bg-soft: #111111;--fg: #f5f5f5;--fg-muted: #888888;--fg-dim: #555555;--accent: #7ec850;--accent-dim: #5a9e36;--border: rgba(255, 255, 255, .08);--container: 1700px;--font-sans: "Inter", "Noto Sans SC", sans-serif;--font-mono: "Space Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{max-width:var(--container);margin:0 auto;padding:0 60px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:#444}::selection{background:var(--accent);color:var(--bg)}