:root { --ink:#171815; --paper:#f3f0e8; --acid:#d7ff36; --muted:#77786f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.manager-actions form { margin:0; }
.manager-actions form button { border:0; background:none; color:inherit; cursor:pointer; padding:0; }
.login-page { min-height:100vh; display:grid; place-items:center; padding:24px; background:var(--ink); }
.login-card { width:min(460px,100%); background:var(--paper); padding:46px; display:flex; flex-direction:column; gap:17px; box-shadow:12px 12px 0 var(--acid); }
.login-card h1 { font-size:44px; letter-spacing:-.05em; margin:5px 0 0; }
.login-card p { color:#66675f; line-height:1.7; margin:0 0 8px; }
.login-card label { font-size:13px; font-weight:700; }
.login-card input { width:100%; padding:14px 15px; border:1px solid #bbb8ae; background:white; font:inherit; }
.login-card button { border:0; padding:15px 18px; background:var(--ink); color:white; cursor:pointer; font-weight:750; }
.login-card button:disabled { opacity:.6; cursor:wait; }
.login-card>a { align-self:flex-start; border-bottom:1px solid; font-size:13px; }
.login-message { min-height:20px; color:#a7322a; font-size:13px; }
.shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.nav { height:88px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:10; }
.brand { display:flex; gap:11px; align-items:center; font-weight:900; letter-spacing:-.03em; font-size:18px; }
.brand b,.eyebrow b,.hero h1 b { font:inherit; }
.brand i { color:#7d7f76; font-style:normal; font-weight:600; }
.brand-mark { width:34px; height:34px; display:grid; place-items:center; background:var(--ink); color:var(--acid); border-radius:50%; font-family:Georgia,serif; font-style:italic; }
.nav-links { display:flex; gap:36px; font-size:14px; font-weight:600; }
.nav-links a { transition:.2s; }
.nav-links a:hover { color:#777; }
.nav-pill { border:1px solid var(--ink); border-radius:50px; padding:11px 18px; font-size:13px; font-weight:700; transition:.2s; }
.nav-pill:hover { background:var(--ink); color:white; }
.hero { min-height:680px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; padding:42px 0 80px; }
.eyebrow,.section-index { font-family:Arial,sans-serif; font-weight:800; letter-spacing:.13em; font-size:11px; }
.eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:28px; }
.eyebrow span { width:34px; height:3px; background:var(--acid); }
.hero h1 { font-size:clamp(64px,7.2vw,104px); line-height:.92; letter-spacing:-.075em; margin:0; font-weight:950; }
.hero h1 span { position:relative; display:inline-block; z-index:1; }
.hero h1 span:after { content:""; position:absolute; left:-3%; right:-5%; bottom:1%; height:28%; background:var(--acid); z-index:-1; transform:rotate(-2deg); }
.hero-intro { width:min(540px,100%); margin:34px 0 30px; font-size:17px; line-height:1.9; color:#55564f; }
.hero-actions { display:flex; align-items:center; gap:28px; }
.button { display:inline-flex; align-items:center; gap:32px; padding:16px 20px; font-weight:700; font-size:14px; }
.button-dark { background:var(--ink); color:white; }
.button-dark b { color:var(--acid); font-size:18px; }
.text-link { font-weight:700; font-size:14px; border-bottom:1px solid #999; padding-bottom:4px; }
.text-link span { color:#777; }
.hero-visual { min-height:520px; position:relative; display:grid; place-items:center; }
.avatar-frame { width:min(390px,78%); aspect-ratio:4/5; overflow:hidden; border-radius:48% 48% 26px 26px; transform:rotate(2.5deg); box-shadow:20px 24px 0 var(--acid); z-index:2; background:#ddd; }
.avatar-frame img { width:100%; height:100%; object-fit:cover; }
.orbit { position:absolute; border:1px solid #b8b7ae; border-radius:50%; }
.orbit-one { width:95%; aspect-ratio:1.25; transform:rotate(19deg); }
.orbit-two { width:86%; aspect-ratio:1.1; transform:rotate(-18deg); border-style:dashed; }
.sticker { position:absolute; z-index:4; font-family:Arial,sans-serif; font-weight:900; font-size:12px; letter-spacing:.08em; }
.sticker-top { top:8%; right:10%; background:#ff6b60; color:white; padding:12px 14px; transform:rotate(8deg); }
.sticker-side { left:0; top:47%; writing-mode:vertical-rl; background:var(--ink); color:white; padding:12px 9px; }
.hero-caption { position:absolute; z-index:4; right:0; bottom:5%; background:white; border:1px solid #ddd; padding:18px 22px; box-shadow:7px 7px 0 #222; display:flex; flex-direction:column; gap:5px; transform:rotate(-2deg); }
.hero-caption b { font-size:14px; }
.hero-caption span { color:#777; font-size:12px; }
.preserve-breaks { white-space:pre-line; }
.motion-ready .nav { animation:motion-nav-in .7s cubic-bezier(.22,1,.36,1) both; }
.motion-ready .hero-copy>* { animation:motion-hero-in .8s cubic-bezier(.22,1,.36,1) both; }
.motion-ready .hero-copy>*:nth-child(1) { animation-delay:.08s; }
.motion-ready .hero-copy>*:nth-child(2) { animation-delay:.15s; }
.motion-ready .hero-copy>*:nth-child(3) { animation-delay:.23s; }
.motion-ready .hero-copy>*:nth-child(4) { animation-delay:.31s; }
.motion-ready .hero-visual { animation:motion-visual-in .9s .16s cubic-bezier(.22,1,.36,1) both; }
.avatar-frame { transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1); }
.hero-visual:hover .avatar-frame { transform:rotate(.8deg) translateY(-7px); box-shadow:24px 31px 0 var(--acid); }
.motion-ready .orbit-one { animation:motion-orbit-one 14s ease-in-out infinite alternate; }
.motion-ready .orbit-two { animation:motion-orbit-two 17s ease-in-out infinite alternate; }
.motion-ready .reveal-item { opacity:0; transform:translateY(28px); transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1); transition-delay:calc(var(--reveal-order,0) * 65ms); }
.motion-ready .reveal-item.is-visible { opacity:1; transform:translateY(0); }
@keyframes motion-nav-in { from { opacity:0; transform:translateY(-14px); } to { opacity:1; transform:none; } }
@keyframes motion-hero-in { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }
@keyframes motion-visual-in { from { opacity:0; transform:translateY(20px) scale(.97); } to { opacity:1; transform:none; } }
@keyframes motion-orbit-one { from { transform:rotate(19deg) translate3d(-3px,0,0); } to { transform:rotate(24deg) translate3d(5px,-4px,0); } }
@keyframes motion-orbit-two { from { transform:rotate(-18deg) translate3d(2px,-2px,0); } to { transform:rotate(-23deg) translate3d(-5px,4px,0); } }
.section { padding:110px 0; }
.about { border-top:1px solid #c9c6bc; }
.section-index { color:#888980; margin-bottom:36px; }
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:65px 100px; }
.about h2,.section-heading h2,.connect h2 { font-size:clamp(42px,5vw,68px); line-height:1.1; letter-spacing:-.06em; margin:0; }
.about h2 span { text-decoration:underline 8px var(--acid); text-underline-offset:-2px; }
.about-copy { font-size:17px; line-height:1.9; color:#55564f; }
.about-copy p:first-child { margin-top:0; }
.metric-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #c9c6bc; border-bottom:1px solid #c9c6bc; }
.metric-grid div { padding:28px 22px; border-right:1px solid #c9c6bc; display:flex; flex-direction:column; gap:8px; }
.metric-grid div:last-child { border-right:0; }
.metric-grid strong { font:800 38px/1 Arial,sans-serif; letter-spacing:-.05em; }
.metric-grid small { color:#777; font-size:12px; }
.mini-resume { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #c9c6bc; border-bottom:1px solid #c9c6bc; }
.mini-resume div { padding:24px 22px; border-right:1px solid #c9c6bc; display:flex; flex-direction:column; gap:9px; }
.mini-resume div:last-child { border-right:0; }
.mini-resume small { color:#888; font-size:11px; letter-spacing:.12em; }
.mini-resume strong { font-size:15px; }
.experience { background:#e7e3d8; border-top:1px solid #c9c6bc; }
.experience-overview { display:grid; grid-template-columns:1fr 1fr; gap:36px 80px; padding:0 0 34px; color:#55564f; font-size:16px; line-height:1.8; }
.experience-overview p { margin:0; }
.experience-list { border-top:1px solid #c0bdb3; }
.experience-card { display:grid; grid-template-columns:55px 1.05fr 1.6fr 1fr; gap:28px; align-items:start; padding:27px 0; border-bottom:1px solid #c0bdb3; }
.experience-number { color:#8a8a81; font:700 11px/1 Arial,sans-serif; letter-spacing:.12em; padding-top:7px; }
.experience-card small { color:#77786f; font-size:11px; letter-spacing:.08em; }
.experience-card h3 { margin:9px 0 0; font-size:21px; }
.experience-card>p { margin:0; color:#56574f; line-height:1.8; font-size:14px; }
.tag-list { display:flex; flex-wrap:wrap; gap:7px; }
.tag-list span { border:1px solid #bdbab0; border-radius:50px; padding:7px 10px; color:#62635b; font-size:11px; }
.skill-heading { display:flex; align-items:end; justify-content:space-between; margin:42px 0 16px; }
.skill-heading h3 { margin:0; font-size:25px; letter-spacing:-.03em; }
.skill-heading p { margin:0; color:#77786f; font-size:12px; }
.skills-band { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.skills-band>div { min-height:108px; padding:21px 22px; border:1px solid #c8c5bb; background:rgba(255,255,255,.32); display:flex; flex-direction:column; justify-content:space-between; gap:18px; }
.skills-band small { color:#77786f; font-size:10px; letter-spacing:.1em; }
.skills-band strong { color:#30312d; font-size:13px; line-height:1.75; font-weight:650; }
.works { background:#fff; }
.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:30px; }
.section-heading .section-index { margin-bottom:14px; }
.section-heading>a { font-size:14px; font-weight:700; border-bottom:1px solid; padding-bottom:4px; }
.section-note { color:#888; font-size:13px; }
.filters { display:flex; gap:8px; flex-wrap:wrap; padding:26px 0 38px; border-top:1px solid #ddd; }
.filters button { border:1px solid #d5d5cf; background:white; padding:9px 17px; border-radius:50px; font-size:13px; color:#666; cursor:pointer; display:flex; align-items:center; gap:9px; }
.filters button span { width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:#efefe9; font-size:10px; }
.filters button.active { background:var(--ink); border-color:var(--ink); color:white; }
.filters button.active span { background:var(--acid); color:var(--ink); }
.works-empty { min-height:390px; border:1px dashed #c8c8c1; background:#f7f7f3; display:flex; align-items:center; justify-content:center; gap:22px; color:#777; }
.works-empty.compact { min-height:150px; }
.empty-mark { width:58px; height:58px; border:1px solid #c8c8c1; border-radius:50%; display:grid; place-items:center; font-size:25px; color:#a0a098; }
.works-empty strong { display:block; color:#444; font-size:18px; margin-bottom:8px; }
.works-empty p { margin:0; font-size:13px; }
.work-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:42px 22px; }
.work-card { display:block; }
.work-art { position:relative; height:390px; overflow:hidden; background:#ddd; transition:.35s; }
.work-card:hover .work-art { transform:translateY(-5px); }
.work-art img { width:100%; height:100%; object-fit:cover; filter:saturate(.85) contrast(1.05); }
.work-arrow { position:absolute; top:15px; right:15px; width:42px; height:42px; background:white; display:grid; place-items:center; border-radius:50%; font-weight:800; opacity:0; transform:translateY(6px); transition:.25s; }
.work-card:hover .work-arrow { opacity:1; transform:none; }
.poster-type { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:28px; overflow:hidden; }
.poster-type:before,.poster-type:after { content:""; position:absolute; border:1px solid rgba(255,255,255,.55); border-radius:50%; width:260px; height:260px; right:-70px; top:55px; }
.poster-type:after { right:auto; left:-100px; top:160px; width:220px; height:220px; }
.poster-type span { font-size:12px; letter-spacing:.25em; font-weight:900; color:rgba(255,255,255,.85); }
.poster-type b { font:italic 900 180px/.7 Georgia,serif; letter-spacing:-.12em; color:rgba(255,255,255,.72); align-self:flex-end; }
.lime { background:#a6bd22; }.blue { background:#5174dc; }.pink { background:#e66f9b; }.orange { background:#ef7448; }.violet { background:#7c59b8; }.mint { background:#4d9b8b; }
.work-meta { padding-top:16px; }
.work-meta span { font-size:11px; color:#888; letter-spacing:.1em; }
.work-meta h3 { margin:8px 0 5px; font-size:20px; }
.work-meta p { margin:0; color:#777; font-size:13px; }
.gallery-grid { display:grid; gap:34px 22px; }
.gallery-头像,.gallery-表情包 { grid-template-columns:repeat(4,1fr); }
.gallery-封面 { grid-template-columns:repeat(2,1fr); }
.gallery-摄影 { grid-template-columns:repeat(3,1fr); }
.gallery-image { aspect-ratio:1; background:#eeeee9; overflow:hidden; }
.gallery-封面 .gallery-image { aspect-ratio:16/10; }
.gallery-摄影 .gallery-image { aspect-ratio:4/3; }
.gallery-摄影 .gallery-image img { object-fit:cover; }
.gallery-image img { width:100%; height:100%; object-fit:contain; display:block; transition:transform .35s ease; }
.gallery-card:hover .gallery-image img { transform:scale(1.025); }
.gallery-section.is-collapsed.gallery-type-头像 .gallery-card:nth-child(n+9),
.gallery-section.is-collapsed.gallery-type-表情包 .gallery-card:nth-child(n+9),
.gallery-section.is-collapsed.gallery-type-封面 .gallery-card:nth-child(n+5),
.gallery-section.is-collapsed.gallery-type-摄影 .gallery-card:nth-child(n+7) { display:none; }
.gallery-toggle { display:none; margin:34px auto 0; border:1px solid #c9c9c2; background:white; border-radius:50px; padding:11px 19px; color:#55564f; cursor:pointer; align-items:center; gap:10px; font-size:13px; font-weight:700; }
.gallery-toggle span { color:#8a8b83; }
.gallery-section.gallery-type-头像.count-over-8 .gallery-toggle,
.gallery-section.gallery-type-表情包.count-over-8 .gallery-toggle,
.gallery-section.gallery-type-封面.count-over-4 .gallery-toggle,
.gallery-section.gallery-type-摄影.count-over-6 .gallery-toggle { display:flex; }
.manager-page { min-height:100vh; background:#f3f0e8; padding:70px max(24px,calc((100vw - 1080px)/2)) 100px; }
.manager-header { display:flex; justify-content:space-between; gap:50px; align-items:end; padding-bottom:38px; border-bottom:1px solid #c8c5bc; }
.manager-kicker { font:800 11px/1 Arial,sans-serif; letter-spacing:.14em; color:#77786f; }
.manager-header h1,.manager-denied h1 { margin:14px 0 12px; font-size:clamp(42px,5vw,68px); letter-spacing:-.06em; line-height:1; }
.manager-header p,.manager-denied p { margin:0; color:#66675f; line-height:1.7; }
.manager-actions { display:flex; gap:10px; white-space:nowrap; }
.manager-actions a,.manager-denied a { border:1px solid var(--ink); border-radius:50px; padding:11px 16px; font-size:13px; font-weight:700; }
.manager-grid { display:grid; grid-template-columns:420px 1fr; gap:55px; padding-top:46px; align-items:start; }
.upload-card { background:white; padding:28px; position:sticky; top:24px; }
.upload-card.is-dragging { outline:3px solid var(--acid); outline-offset:5px; }
.manager-label { display:block; font-size:12px; font-weight:800; margin-bottom:12px; }
.manager-categories { display:flex; gap:8px; margin-bottom:25px; }
.manager-categories button { flex:1; border:1px solid #d2d1ca; background:white; border-radius:50px; padding:10px; cursor:pointer; }
.manager-categories button.active { background:var(--ink); color:white; border-color:var(--ink); }
.file-drop { min-height:210px; border:1px dashed #b9b9b1; background:#f7f7f3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:25px; text-align:center; cursor:pointer; }
.upload-card.is-dragging .file-drop { border-color:var(--ink); background:#efffb5; }
.file-drop strong { font-size:19px; }
.file-drop span { color:#777; font-size:12px; line-height:1.6; }
.file-drop b { margin-top:6px; background:var(--ink); color:white; border-radius:50px; padding:7px 12px; font-size:11px; }
.file-input { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.manager-submit { width:100%; margin-top:16px; border:0; background:var(--ink); color:white; padding:15px; font-weight:800; cursor:pointer; }
.manager-submit:disabled { opacity:.55; cursor:wait; }
.manager-message { min-height:20px; margin:12px 0 0; color:#676860; font-size:12px; }
.manager-list-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }
.manager-list-heading h2 { margin:0; font-size:24px; }
.manager-list-heading span { color:#777; font-size:12px; }
.manager-order-tabs { display:flex; gap:7px; margin-bottom:12px; }
.manager-order-tabs button { border:1px solid #cbc9c0; background:transparent; border-radius:50px; padding:8px 13px; color:#6d6e67; cursor:pointer; font-size:12px; }
.manager-order-tabs button.active { background:var(--ink); border-color:var(--ink); color:white; }
.manager-order-help { margin:0 0 18px; color:#77786f; font-size:12px; line-height:1.6; }
.manager-items { border-top:1px solid #cbc8bf; }
.manager-item { display:grid; grid-template-columns:24px 80px 1fr auto auto; align-items:center; gap:14px; padding:15px 0; border-bottom:1px solid #cbc8bf; transition:background .18s,transform .18s; }
.manager-item[draggable="true"] { cursor:grab; }
.manager-item[draggable="true"]:active { cursor:grabbing; }
.manager-item.is-drop-target { background:#e9f6b8; transform:translateY(2px); }
.manager-drag-handle { color:#9a9b93; font-size:22px; text-align:center; }
.manager-item img { width:80px; height:68px; object-fit:contain; background:white; }
.manager-item div { display:flex; flex-direction:column; gap:7px; min-width:0; }
.manager-item strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.manager-item span { color:#777; font-size:11px; }
.manager-item button { border:0; background:transparent; color:#a84336; cursor:pointer; font-size:12px; padding:8px; }
.manager-item .manager-move-actions { flex-direction:row; gap:2px; }
.manager-item .manager-move-actions button { width:30px; height:30px; display:grid; place-items:center; border:1px solid #d2d0c8; color:#55564f; padding:0; }
.manager-item button:disabled { opacity:.3; cursor:not-allowed; }
.manager-empty { border:1px dashed #c8c8c1; padding:60px 20px; text-align:center; color:#777; }
.manager-dashboard { padding-top:34px; }
.manager-tabs { display:flex; gap:8px; width:max-content; padding:5px; background:#e4e0d6; border-radius:50px; }
.manager-tabs button { min-width:130px; border:0; background:transparent; color:#66675f; border-radius:50px; padding:12px 22px; font-weight:800; cursor:pointer; }
.manager-tabs button.active { background:var(--ink); color:white; box-shadow:0 4px 14px rgba(0,0,0,.12); }
.manager-dashboard>.manager-grid { padding-top:34px; }
.content-manager { padding-top:34px; }
.content-toolbar { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:24px; background:rgba(243,240,232,.94); backdrop-filter:blur(12px); border-top:1px solid #c8c5bc; border-bottom:1px solid #c8c5bc; padding:18px 0; }
.content-toolbar>div { display:flex; flex-direction:column; gap:5px; }
.content-toolbar strong { font-size:20px; }
.content-toolbar span { color:#707169; font-size:12px; }
.content-toolbar button,.content-bottom-save button { border:0; background:var(--ink); color:white; padding:13px 20px; font-weight:800; cursor:pointer; white-space:nowrap; }
.content-toolbar button:disabled,.content-bottom-save button:disabled { opacity:.55; cursor:wait; }
.content-status { margin:18px 0 -2px; padding:12px 15px; background:#e6f3af; color:#4c5717; font-size:13px; font-weight:700; }
.content-section { display:grid; grid-template-columns:240px minmax(0,1fr); gap:45px; padding:46px 0; border-bottom:1px solid #c8c5bc; }
.content-section-heading { position:sticky; top:91px; align-self:start; }
.content-section-heading h2 { margin:0 0 10px; font-size:25px; letter-spacing:-.03em; }
.content-section-heading p { margin:0; color:#73746c; font-size:12px; line-height:1.7; }
.content-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.content-field { display:flex; flex-direction:column; gap:8px; min-width:0; }
.content-field.is-wide,.content-repeater.is-wide { grid-column:1/-1; }
.content-field>span { font-size:12px; font-weight:800; color:#55564f; }
.content-field input,.content-field textarea { width:100%; border:1px solid #c8c5bc; border-radius:0; background:white; color:var(--ink); padding:13px 14px; outline:none; font:inherit; font-size:14px; line-height:1.6; transition:border-color .18s,box-shadow .18s; }
.content-field textarea { resize:vertical; min-height:94px; }
.content-field input:focus,.content-field textarea:focus { border-color:var(--ink); box-shadow:0 0 0 3px rgba(215,255,54,.65); }
.content-field small { color:#84857d; font-size:10px; line-height:1.5; }
.content-repeater { display:grid; gap:16px; }
.content-repeater.compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
.content-item { background:#e9e5db; border:1px solid #d1cdc2; padding:20px; }
.content-item h3 { margin:0 0 17px; font-size:14px; }
.content-item .content-fields { gap:14px; }
.content-repeater.compact .content-item .content-fields { grid-template-columns:1fr; }
.content-repeater.compact .content-item .content-field.is-wide { grid-column:auto; }
.content-bottom-save { display:flex; justify-content:flex-end; align-items:center; gap:20px; padding:28px 0 0; }
.content-bottom-save span { color:#707169; font-size:12px; }
.manager-denied { display:grid; place-items:center; text-align:center; }
.manager-denied>div { max-width:650px; }
.manager-denied a { display:inline-block; margin-top:28px; }
.videos { background:var(--ink); color:white; width:100%; max-width:none; padding-left:max(24px,calc((100vw - 1180px)/2)); padding-right:max(24px,calc((100vw - 1180px)/2)); }
.section-heading.light { align-items:end; }
.section-heading.light>a { color:white; border-color:#696b63; }
.video-group-heading { display:flex; justify-content:space-between; align-items:end; padding:22px 0 16px; border-top:1px solid #3e3f3a; }
.video-group-heading h3 { margin:0; font-size:23px; }
.featured-collection-block { background:#20211e; border-top:3px solid var(--acid); padding:0 20px 22px; }
.featured-collection-block .video-group-heading { border-top:0; padding-top:20px; }
.featured-collection-block .video-group-heading h3 { font-size:28px; }
.single-video-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.fan-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.single-video-card { min-width:0; }
.single-video-cover { position:relative; aspect-ratio:16/9; overflow:hidden; background:#292a26; }
.single-video-cover img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.single-video-card:hover .single-video-cover img { transform:scale(1.035); }
.single-video-cover:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.48)); }
.single-video-play { position:absolute; z-index:2; left:16px; bottom:14px; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:white; color:var(--ink); font-size:11px; padding-left:2px; }
.video-duration { position:absolute; z-index:2; right:12px; bottom:12px; background:rgba(16,17,15,.8); padding:6px 8px; font-size:10px; letter-spacing:.06em; }
.single-video-meta { min-height:76px; padding:14px 34px 0 0; position:relative; }
.single-video-meta h3 { margin:0; font-size:16px; line-height:1.55; font-weight:650; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.single-video-meta>span { position:absolute; top:14px; right:2px; color:var(--acid); font-size:18px; }
.collection-heading { margin-top:42px; }
.collection-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.collection-card { display:block; }
.collection-cover { aspect-ratio:16/9; position:relative; overflow:hidden; background:#292a26; }
.collection-cover img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.collection-card:hover .collection-cover img { transform:scale(1.035); }
.collection-cover:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.3)); }
.collection-index { position:absolute; z-index:2; top:16px; left:18px; font-size:11px; letter-spacing:.12em; background:rgba(20,20,18,.82); padding:8px 10px; }
.collection-play { position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.94); color:#171815; font-size:10px; padding-left:2px; }
.collection-meta { padding-top:12px; display:flex; align-items:center; justify-content:space-between; }
.collection-meta h3 { margin:0 0 5px; font-size:15px; line-height:1.4; }
.collection-meta p { margin:0; color:#8d8f86; font-size:12px; }
.collection-meta>span { color:#8d8f86; font-size:17px; }
.connect { background:var(--acid); }
.connect-inner { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:end; }
.connect .section-index { color:#5e6d15; }
.contact-note { color:#5c6818; margin:22px 0 0; font-size:14px; }
.contact-panel { border-top:1px solid rgba(0,0,0,.3); }
.email-link { display:grid; grid-template-columns:85px 1fr 28px; align-items:center; padding:29px 0; border-bottom:1px solid rgba(0,0,0,.3); }
.email-link small { color:#5c6818; font:700 10px/1 Arial,sans-serif; letter-spacing:.12em; }
.email-link span { font-size:clamp(17px,2vw,24px); font-weight:800; }
.email-link b { font-size:22px; }
.platform-links { display:grid; grid-template-columns:1fr auto auto; gap:24px; align-items:center; padding:23px 0; font-size:13px; }
.platform-links>span { color:#5c6818; }
.platform-links a { font-weight:700; }
.socials { border-top:1px solid rgba(0,0,0,.3); }
.socials a { display:grid; grid-template-columns:1fr 1fr 28px; align-items:center; padding:25px 0; border-bottom:1px solid rgba(0,0,0,.3); }
.socials span { font-weight:900; font-size:20px; }.socials small { color:#586513; }.socials b { font-size:22px; }
.footer { min-height:110px; display:flex; align-items:center; justify-content:space-between; color:#74756e; font-size:12px; }
.footer a { color:var(--ink); font-weight:700; }
@media (max-width:900px) {
  .nav-links { display:none; }.hero { grid-template-columns:1fr; padding-top:70px; }.hero-visual { margin-top:45px; }.about-grid,.connect-inner { grid-template-columns:1fr; gap:45px; }.experience-overview { grid-template-columns:1fr; gap:12px; }.mini-resume,.metric-grid { grid-template-columns:repeat(2,1fr); }.metric-grid div:nth-child(2) { border-right:0; }.metric-grid div:nth-child(-n+2) { border-bottom:1px solid #c9c6bc; }.experience-card { grid-template-columns:40px 1fr 1.6fr; }.tag-list { grid-column:2/-1; }.collection-cover { height:260px; }.gallery-头像,.gallery-表情包,.gallery-摄影 { grid-template-columns:repeat(2,1fr); }.gallery-section.is-collapsed.gallery-type-头像 .gallery-card:nth-child(n+5),.gallery-section.is-collapsed.gallery-type-表情包 .gallery-card:nth-child(n+5),.gallery-section.is-collapsed.gallery-type-摄影 .gallery-card:nth-child(n+5) { display:none; }.gallery-section.gallery-type-头像.count-over-4 .gallery-toggle,.gallery-section.gallery-type-表情包.count-over-4 .gallery-toggle,.gallery-section.gallery-type-摄影.count-over-4 .gallery-toggle { display:flex; }.manager-grid { grid-template-columns:1fr; }.upload-card { position:static; }.manager-header { align-items:start; flex-direction:column; }.content-section { grid-template-columns:1fr; gap:24px; }.content-section-heading { position:static; }.content-repeater.compact { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .shell { width:min(100% - 30px,1180px); }.nav { height:72px; }.nav-pill { display:none; }.hero { min-height:auto; padding-top:44px; }.hero h1 { font-size:60px; }.hero-intro { font-size:15px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:18px; }.button { gap:18px; }.hero-visual { min-height:430px; }.avatar-frame { width:76%; }.sticker-side { left:3px; }.section { padding:78px 0; }.about-grid { gap:32px; }.mini-resume,.metric-grid { grid-template-columns:1fr 1fr; }.mini-resume div:nth-child(2) { border-right:0; }.mini-resume div:nth-child(-n+2) { border-bottom:1px solid #c9c6bc; }.metric-grid strong { font-size:30px; }.metric-grid div { padding:22px 15px; }.section-heading { align-items:start; gap:20px; }.section-heading h2 { font-size:44px; }.experience-card { grid-template-columns:28px 1fr; gap:16px; }.experience-card>p,.tag-list { grid-column:2; }.skill-heading { display:block; }.skill-heading p { margin-top:7px; }.skills-band { grid-template-columns:1fr; }.skills-band>div { min-height:96px; }.works-empty { min-height:300px; flex-direction:column; text-align:center; padding:30px; }.section-heading.light { display:block; }.section-heading.light>a { display:inline-block; margin-top:20px; }.videos { padding-left:15px; padding-right:15px; }.collection-grid { grid-template-columns:1fr; gap:34px; }.collection-cover { height:220px; }.connect-inner { gap:50px; }.email-link { grid-template-columns:65px 1fr 20px; }.platform-links { grid-template-columns:1fr 1fr; }.platform-links>span { grid-column:1/-1; }.footer { min-height:130px; flex-direction:column; justify-content:center; gap:12px; }.gallery-grid,.gallery-头像,.gallery-表情包,.gallery-封面,.gallery-摄影 { grid-template-columns:1fr; }.gallery-section.is-collapsed .gallery-card:nth-child(n+3) { display:none; }.gallery-section.count-over-2 .gallery-toggle { display:flex; }.manager-page { padding:42px 15px 70px; }.manager-grid { gap:34px; }.manager-actions { flex-wrap:wrap; }.upload-card { padding:20px; }.manager-order-tabs { flex-wrap:wrap; }.manager-item { grid-template-columns:20px 58px minmax(60px,1fr) auto auto; gap:7px; }.manager-item img { width:58px; height:54px; }.manager-drag-handle { font-size:18px; }.manager-item .manager-move-actions button { width:26px; height:28px; }.manager-item>button:last-child { padding:5px; }.manager-tabs { width:100%; }.manager-tabs button { min-width:0; flex:1; padding:11px 12px; }.content-manager { padding-top:24px; }.content-toolbar { align-items:flex-start; top:0; }.content-toolbar span { display:none; }.content-toolbar button { padding:11px 13px; }.content-fields { grid-template-columns:1fr; }.content-field.is-wide,.content-repeater.is-wide { grid-column:auto; }.content-section { padding:34px 0; }.content-item { padding:16px; }.content-bottom-save { justify-content:space-between; position:sticky; bottom:0; background:rgba(243,240,232,.96); padding:14px 0; }.content-bottom-save span { max-width:45%; }
}
@media (max-width:900px) {
  .single-video-grid { grid-template-columns:repeat(2,1fr); }
  .collection-grid { grid-template-columns:repeat(2,1fr); gap:26px 18px; }
  .collection-cover { height:auto; }
}
@media (max-width:600px) {
  .single-video-grid,.collection-grid { grid-template-columns:1fr; gap:28px; }
  .single-video-meta { min-height:82px; }
  .collection-heading { margin-top:32px; }
  .collection-cover { height:auto; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .motion-ready .reveal-item { opacity:1!important; transform:none!important; }
}