/* PM ShareHub · Sakura Studio. Static depth, compositor-only motion. */
:root {
  --color-bg-primary:#faf8fc; --color-bg-secondary:#f2edf6; --color-bg-tertiary:#eae2f0;
  --color-bg-card:#fff; --color-bg-elevated:#fff;
  --color-text-primary:#342b43; --color-text-secondary:#70657e; --color-text-tertiary:#81738b; --color-text-muted:#81738b;
  --color-border:#e6dfec; --color-border-light:#eee8f2; --color-border-focus:#9475af;
  --color-accent:#865399; --color-accent-hover:#69417c; --color-accent-light:#eee4f4;
  --studio-hero:linear-gradient(115deg,#fffaf7 0%,#f8eff5 48%,#ede5f6 100%);
  --studio-shadow:0 14px 35px -24px #6e48785c,0 2px 5px #41255204;
  --studio-plinth:#e2cfe5; --studio-orbit:#cbb4d459;
  --transition-fast:180ms cubic-bezier(.2,.65,.3,1); --transition-base:300ms cubic-bezier(.2,.65,.3,1);
  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
[data-theme="dark"] {
  --color-bg-primary:#191620; --color-bg-secondary:#252030; --color-bg-tertiary:#30283b;
  --color-bg-card:#231e2b; --color-bg-elevated:#2c2635;
  --color-text-primary:#f2eaf7; --color-text-secondary:#c1b2cc; --color-text-tertiary:#ae9cba; --color-text-muted:#ae9cba;
  --color-border:#403449; --color-border-light:#352d3e; --color-border-focus:#c5a0de;
  --color-accent:#d2a8e6; --color-accent-hover:#e7c6f7; --color-accent-light:#3c2e49;
  --studio-hero:linear-gradient(115deg,#2a2130 0%,#352538 48%,#322541 100%);
  --studio-shadow:0 14px 35px -24px #000b,0 1px 0 #ffffff04;
  --studio-plinth:#67466c; --studio-orbit:#9a78ae40;
}
@media(prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) {
    --color-bg-primary:#191620; --color-bg-secondary:#252030; --color-bg-tertiary:#30283b;
    --color-bg-card:#231e2b; --color-bg-elevated:#2c2635;
    --color-text-primary:#f2eaf7; --color-text-secondary:#c1b2cc; --color-text-tertiary:#ae9cba; --color-text-muted:#ae9cba;
    --color-border:#403449; --color-border-light:#352d3e; --color-border-focus:#c5a0de;
    --color-accent:#d2a8e6; --color-accent-hover:#e7c6f7; --color-accent-light:#3c2e49;
    --studio-hero:linear-gradient(115deg,#2a2130 0%,#352538 48%,#322541 100%);
    --studio-shadow:0 14px 35px -24px #000b,0 1px 0 #ffffff04;
    --studio-plinth:#67466c; --studio-orbit:#9a78ae40;
  }
}
body,[data-theme="dark"] body {background:var(--color-bg-primary);}
body::before,body::after {display:none;animation:none;}
a:hover {text-shadow:none;}
a,button { -webkit-tap-highlight-color:transparent; }
:where(a,button,input,textarea,select,[tabindex]):focus-visible {outline:3px solid var(--color-border-focus);outline-offset:4px;}
.container {max-width:1280px;}
.navbar,[data-theme="dark"] .navbar {background:var(--color-bg-card);border-bottom:1px solid var(--color-border-light);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.navbar-content {min-height:82px;gap:20px;}
.navbar-brand {font-size:1.18rem;white-space:nowrap;letter-spacing:-.035em;}
.brand-mark {display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:linear-gradient(140deg,#e9b9d2,#9f80bd);color:#fff;box-shadow:inset 0 1px 1px #fff9,0 3px 0 #89659f33;font-size:27px;}
.nav-link {font-size:.88rem;padding:9px 13px;border-radius:10px;white-space:nowrap;}
.nav-link.active {font-weight:650;}
.btn {transition:transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);}
.btn-primary {background:linear-gradient(120deg,#9161a1,#76528c);color:#fff;border:1px solid #7d548e;box-shadow:inset 0 1px 0 #ffffff38,0 4px 0 #63417720,0 8px 18px #77518b24;}
.btn-primary:hover {background:linear-gradient(120deg,#825392,#65437b);color:#fff;transform:translateY(-2px);}
.card,[data-theme="dark"] .card,.gallery-item,[data-theme="dark"] .gallery-item {background:var(--color-bg-card);border:1px solid var(--color-border-light);box-shadow:var(--studio-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform var(--transition-base),border-color var(--transition-base);}
.card:hover,[data-theme="dark"] .card:hover,.gallery-item:hover,[data-theme="dark"] .gallery-item:hover {transform:translateY(-4px);box-shadow:var(--studio-shadow);border-color:var(--color-border-focus);}
.gallery-item::after {display:none;}
.gallery-item img,.gallery-item video {border-radius:0;}
.gallery-item-overlay h3 {font-size:1rem;overflow-wrap:anywhere;}
.site-footer .footer-logo {background:none;color:var(--color-text-primary);-webkit-text-fill-color:currentColor;font-size:1.15rem;}
.studio-hero {display:grid;grid-template-columns:1.1fr 1fr;min-height:510px;position:relative;isolation:isolate;background:var(--studio-hero);border:1px solid var(--color-border-light);border-radius:30px;box-shadow:inset 0 1px 0 #ffffff80,0 16px 45px -35px #76518180;overflow:hidden;}
.hero-copy {padding:70px 0 56px 54px;position:relative;z-index:2;}
.hero-kicker,.eyebrow {display:block;font-size:.63rem;font-weight:650;letter-spacing:.2em;color:var(--color-text-secondary);}
.hero-kicker {display:flex;align-items:center;gap:9px;letter-spacing:.16em;}
.hero-kicker>span {font-size:1.1rem;color:#aa789f;}
.hero-copy h1 {font-size:clamp(2rem,3.35vw,3rem);font-weight:750;line-height:1.5;letter-spacing:-.045em;margin:24px 0 19px;}
.hero-copy h1>span {color:var(--color-accent);}
.hero-description {font-size:.9rem;line-height:1.95;margin-bottom:27px;}
.hero-actions {display:flex;align-items:center;gap:25px;}
.hero-primary {border-radius:13px;padding:13px 23px;font-size:.9rem;display:flex;gap:25px;align-items:center;}
.hero-primary>span {font-size:1.3rem;line-height:1;}
.hero-secondary {font-size:.88rem;font-weight:550;color:var(--color-text-primary);}
.hero-secondary>span {margin-left:8px;}
.hero-note {display:flex;align-items:center;gap:10px;color:var(--color-text-secondary);font-size:.72rem;margin-top:34px;}
.note-stars {letter-spacing:-4px;font-size:1.35rem;color:#ba91b5;transform:rotate(-8deg);margin-right:6px;}
.mascot-scene {position:relative;min-width:0;perspective:900px;isolation:isolate;}
.scene-orbit {position:absolute;z-index:-1;left:7%;top:16%;width:86%;height:67%;border:1px solid var(--studio-orbit);border-radius:50%;transform:rotate(-23deg);}
.orbit-two {width:73%;height:83%;left:14%;top:9%;transform:rotate(24deg);}
.scene-plinth {position:absolute;bottom:28px;left:17%;width:68%;height:72px;border-radius:50%;background:linear-gradient(180deg,#fff7,var(--studio-plinth));border-top:1px solid #fff9;box-shadow:0 12px 0 -2px var(--studio-plinth),0 27px 30px -15px #74528240;}
.mascot-float {position:absolute;width:365px;max-width:88%;height:465px;left:50%;top:5px;margin-left:-182px;animation:studio-float 6s ease-in-out infinite;}
.mascot-button {height:100%;width:100%;background:none;padding:0;border:0;border-radius:40%;transform:rotateX(var(--muse-y,0deg)) rotateY(var(--muse-x,0deg));transition:transform 500ms cubic-bezier(.2,.65,.3,1);touch-action:manipulation;}
.mascot-button picture {display:block;height:100%;}
.mascot-image {height:100%;width:100%;object-fit:contain;border-radius:0;user-select:none;-webkit-user-drag:none;}
.mascot-button.is-greeting {animation:studio-greet 950ms cubic-bezier(.2,.65,.3,1);}
.scene-spark {position:absolute;color:#b18ab8;pointer-events:none;animation:studio-spark 6s ease-in-out infinite;font-size:35px;}
.spark-one {top:70px;right:40px;}.spark-two {bottom:110px;left:40px;font-size:23px;animation-delay:-3s;}
.mascot-bubble {position:absolute;z-index:3;right:20px;bottom:100px;display:flex;gap:10px;align-items:center;padding:12px 16px;border:1px solid var(--color-border-light);border-radius:16px;background:var(--color-bg-card);box-shadow:0 8px 24px #51336913;pointer-events:none;transform:rotate(-3deg);}
.mascot-bubble strong {display:block;font-size:.76rem;font-weight:600;}
.mascot-bubble span[role="status"] {display:block;font-size:.63rem;color:var(--color-text-secondary);margin-top:3px;max-width:200px;}
.bubble-star {display:grid;place-items:center;color:#a377af;background:var(--color-bg-secondary);width:32px;height:32px;border-radius:10px;font-size:24px;}
.scene-caption {position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:.5rem;letter-spacing:.21em;color:var(--color-text-secondary);white-space:nowrap;}
.motion-toggle {position:absolute;right:14px;top:14px;background:var(--color-bg-card);color:var(--color-text-secondary);border:1px solid var(--color-border-light);padding:5px 10px;font-size:.63rem;z-index:4;}
.greeting-star {position:absolute;left:55%;top:33%;font-size:22px;color:#bd81ae;pointer-events:none;animation:studio-burst 950ms ease-out forwards;z-index:5;}
.explore-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0;}
.explore-card {display:flex;align-items:center;gap:13px;padding:22px 19px;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:18px;box-shadow:var(--studio-shadow);color:var(--color-text-primary);transition:transform var(--transition-base),border-color var(--transition-base);}
.explore-card strong {display:block;font-size:.9rem;font-weight:650;margin-bottom:3px;}
.explore-card div>span {font-size:.68rem;color:var(--color-text-secondary);}
.explore-icon {display:grid;place-items:center;flex-shrink:0;width:44px;height:46px;border-radius:14px;font-size:29px;line-height:1;background:linear-gradient(145deg,#f8e1e9,#ebc8db);color:#a2698a;box-shadow:inset 1px 2px 1px #ffffffba,0 4px 0 #c896b42e;transform:rotate(-7deg);}
.icon-video {background:linear-gradient(145deg,#e5ddfa,#d7c4e8);color:#8265a3;transform:rotate(6deg);}
.icon-file {background:linear-gradient(145deg,#f7e7d3,#f0d8b5);color:#a77a4c;}
.icon-ai {background:linear-gradient(145deg,#d8eae6,#bfdad7);color:#528b89;transform:rotate(6deg);}
.explore-arrow {margin-left:auto;font-size:1.1rem;color:var(--color-text-tertiary);}
.community-stats {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 8px 33px;border-bottom:1px solid var(--color-border);margin-bottom:37px;}
.stats-intro {font-size:.72rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:8px;}
.stats-intro i {width:6px;height:6px;background:#82a293;border-radius:50%;}
.community-stat {display:flex;align-items:baseline;gap:7px;}
.community-stat strong {font-size:1.2rem;font-weight:650;letter-spacing:-.03em;}
.community-stat>span {font-size:.66rem;color:var(--color-text-secondary);}
.content-section {scroll-margin-top:104px;}
.tab-header {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;}
.tab-header h2 {font-size:1.6rem;margin:5px 0 7px;font-weight:650;letter-spacing:-.035em;}
.heading-dot {color:var(--color-accent);}
.eyebrow {font-size:.55rem;letter-spacing:.2em;}
.section-caption {margin:0;font-size:.78rem;}
.tab-buttons {display:flex;gap:5px;padding:5px;border:1px solid var(--color-border-light);background:var(--color-bg-secondary);border-radius:13px;}
.tab-buttons button {font-size:.78rem;background:none;color:var(--color-text-secondary);padding:9px 19px;border-radius:9px;transition:background-color var(--transition-fast),color var(--transition-fast);}
.tab-buttons button.active {background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:0 2px 5px #3720400c;}
.tab-panel[hidden] {display:none;}
.tab-panel.active {animation:studio-enter 350ms ease-out;}
.content-section .gallery {grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.content-section .gallery-item {border-radius:17px;}
.content-section .gallery-item img,.content-section .gallery-item video {height:210px;}
.content-section .gallery-item-overlay {padding:15px;}
.content-section .gallery-item-overlay h3 {font-size:.85rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.content-section .gallery-item-meta {font-size:.65rem;border:0;margin-top:7px;padding:0;}
.video-preview {position:relative;background:var(--color-bg-tertiary);}
.preview-play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;color:#fff;background:#382f4980;border:1px solid #ffffff70;border-radius:50%;pointer-events:none;font-size:25px;}
.video-preview.is-playing .preview-play {opacity:0;}
.view-more {text-align:center;padding:28px 0;font-size:.85rem;}
.empty-state {text-align:center;padding:60px 20px;color:var(--color-text-secondary);background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:20px;}
@keyframes studio-float {0%,100% {transform:translateY(0);}50% {transform:translateY(-8px);}}
@keyframes studio-spark {0%,100% {transform:translateY(0) rotate(0);opacity:.65;}50% {transform:translateY(-6px) rotate(12deg);opacity:1;}}
@keyframes studio-greet {0%,100% {transform:rotate(0);}25% {transform:translateY(-9px) rotate(-3deg);}60% {transform:translateY(-4px) rotate(3deg);}}
@keyframes studio-burst {0% {opacity:0;transform:translate(0,0) scale(.5);}20% {opacity:1;}100% {opacity:0;transform:translate(var(--star-x),var(--star-y)) rotate(25deg) scale(1.1);}}
@keyframes studio-enter {from {opacity:0;transform:translateY(7px);}to {opacity:1;transform:translateY(0);}}
.scene-paused .mascot-float,.scene-paused .scene-spark,.scene-paused .mascot-button {animation-play-state:paused;}
html[data-page-hidden] *,html[data-page-hidden] *::before,html[data-page-hidden] *::after {animation-play-state:paused!important;}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
html[data-motion="off"] .mascot-button {transform:none;}
@media (hover:hover) and (pointer:fine) {
  .explore-card:hover {transform:translateY(-4px);border-color:var(--color-border-focus);}
}
@media(min-width:769px) and (max-width:1150px) {
  .navbar-content {flex-wrap:wrap;gap:10px;}.navbar-nav {gap:0;}.nav-link {padding:8px 10px;}
  .hero-copy {padding-left:33px;}.hero-copy h1 {font-size:2.3rem;}.hero-kicker {font-size:.54rem;}
  .explore-card {padding:17px 12px;gap:9px;}.explore-arrow {display:none;}
  .community-stats {gap:10px;}.community-stat {flex-direction:column;gap:0;}
}
@media(max-width:900px) {
  .studio-hero {grid-template-columns:1.05fr 1fr;min-height:470px;}
  .hero-copy {padding-top:52px;padding-bottom:44px;}.hero-copy h1 {font-size:2rem;}
  .hero-description {font-size:.8rem;}.desktop-break {display:none;}
  .mascot-float {width:310px;height:425px;margin-left:-155px;top:5px;}
  .mascot-bubble {right:12px;bottom:95px;}.mascot-bubble span[role="status"] {max-width:160px;}
  .content-section .gallery {grid-template-columns:repeat(3,minmax(0,1fr));}
  .explore-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:768px) {
  .navbar-content {min-height:68px;padding:12px 20px;}.navbar-brand {font-size:1.06rem;}
  .navbar {z-index:1001;}.nav-drawer-backdrop.open {display:block;}.nav-drawer {visibility:hidden;backdrop-filter:none;padding-top:65px;max-width:100vw;}.nav-drawer.open {visibility:visible;}
  .nav-drawer .nav-link {padding:13px 23px;}.nav-drawer .navbar-nav {align-items:stretch;}
  .main-content {margin-top:20px!important;}.hero-copy {padding-left:26px;}
  .hero-kicker {font-size:.47rem;}.hero-actions {gap:17px;}.hero-primary {padding:12px 17px;gap:13px;}
  .hero-note {font-size:.61rem;gap:4px;}.hero-secondary {font-size:.78rem;}
  .community-stats {flex-wrap:wrap;justify-content:space-around;row-gap:13px;padding-bottom:22px;margin-bottom:27px;}
  .stats-intro {width:100%;justify-content:center;margin-bottom:3px;}.community-stat {flex-direction:column;align-items:center;gap:0;}
  .content-section .gallery {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
  .tab-header {align-items:flex-start;flex-direction:column;gap:17px;}.tab-buttons {width:100%;}.tab-buttons button {flex:1;padding:9px 10px;}
}
@media(max-width:600px) {
  .studio-hero {display:flex;flex-direction:column;border-radius:23px;}
  .hero-copy {padding:30px 24px 0;}.hero-copy h1 {font-size:clamp(1.8rem,7.7vw,2.5rem);margin:18px 0 15px;}
  .hero-kicker {font-size:.48rem;letter-spacing:.1em;}.hero-description {font-size:.8rem;margin-bottom:20px;}
  .hero-note {margin-top:22px;}.hero-actions {gap:24px;}
  .mascot-scene {height:335px;margin-top:6px;}.mascot-float {width:260px;height:326px;max-width:none;margin-left:-130px;top:-10px;}
  .scene-plinth {width:60%;height:48px;left:20%;bottom:27px;}.scene-orbit {height:74%;top:8%;width:70%;left:15%;}.orbit-two {width:60%;left:20%;}
  .mascot-bubble {bottom:69px;right:10px;padding:9px 11px;gap:6px;}.mascot-bubble strong {font-size:.66rem;}.mascot-bubble span[role="status"] {font-size:.57rem;max-width:145px;}.bubble-star {width:25px;height:25px;font-size:20px;}
  .spark-one {top:45px;right:32px;}.spark-two {left:30px;bottom:92px;}.scene-caption {font-size:.44rem;bottom:18px;}
  .motion-toggle {top:6px;right:12px;font-size:.57rem;}
  .explore-grid {gap:10px;margin:18px 0;}.explore-card {padding:14px 11px;gap:9px;border-radius:15px;}.explore-icon {width:33px;height:37px;border-radius:11px;font-size:24px;}.explore-card strong {font-size:.76rem;}.explore-card div>span {font-size:.58rem;}.explore-arrow {display:none;}
  .community-stat {width:26%;}.community-stat strong {font-size:1.15rem;}.community-stat>span {font-size:.62rem;}
  .content-section .gallery-item img,.content-section .gallery-item video {height:160px;}.content-section .gallery-item-overlay {padding:11px;}.content-section .gallery-item-overlay h3 {font-size:.76rem;}.content-section .gallery-item-meta {font-size:.57rem;gap:3px;}
  .tab-header h2 {font-size:1.4rem;}.section-caption {font-size:.72rem;}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .mascot-button {transform:none;}
}
.gallery-item img.media-unavailable {opacity:0;}
.gallery-item.has-missing-preview::before {content:'预览暂不可用';display:grid;place-items:center;position:absolute;inset:0 0 auto;height:240px;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:.8rem;pointer-events:none;}
.content-section .gallery-item.has-missing-preview::before {height:210px;}
@media(max-width:768px) {.gallery-item.has-missing-preview::before {height:160px;}}
@media(max-width:600px) {.content-section .gallery-item.has-missing-preview::before {height:160px;}}