:root{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#8e5d53;background:#f7efe8;line-height:1.5;font-weight:400;color-scheme:light;--text-primary: #8e5d53;--text-secondary: #b3897e;--accent: #f39a7f;--accent-strong: #ec8c72;--glass: rgba(255, 255, 255, .48);--glass-strong: rgba(255, 255, 255, .68);--border-soft: rgba(255, 255, 255, .36);--shadow-soft: 0 24px 60px rgba(229, 171, 143, .18)}*{box-sizing:border-box}html,body,#app{min-height:100vh}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--text-primary);background:radial-gradient(circle at 18% 78%,rgba(255,120,88,.55),transparent 22%),radial-gradient(circle at 82% 16%,rgba(178,215,249,.72),transparent 28%),radial-gradient(circle at 48% 12%,rgba(255,210,127,.85),transparent 26%),radial-gradient(circle at 72% 74%,rgba(252,180,195,.42),transparent 20%),linear-gradient(120deg,#f6d3aa,#f8e6cb,#f1d7cc,#d4dceb 78%,#efcd9c);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#ffffff1f,#ffffff0f),radial-gradient(circle at top left,rgba(255,255,255,.25),transparent 34%);opacity:.8}a{color:var(--accent-strong);text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{position:relative;display:grid;grid-template-rows:auto 1fr;max-width:1440px;margin:0 auto;min-height:100vh;padding:24px 24px 40px;overflow:visible;isolation:isolate}.ambient-orb{position:absolute;border-radius:999px;filter:blur(16px);opacity:.55;pointer-events:none}.ambient-orb--peach{top:120px;left:-80px;width:280px;height:280px;background:#ff957040}.ambient-orb--blue{top:0;right:40px;width:320px;height:320px;background:#a4c7f43d}.ambient-orb--rose{bottom:80px;right:12%;width:260px;height:260px;background:#f1a5af29}.topbar{position:sticky;top:16px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:18px 28px;border-radius:32px;background:#ffffff70;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:14px;color:var(--accent-strong)}.brand__mark{display:inline-flex;width:72px;height:44px;color:currentColor}.brand__mark svg{width:100%;height:100%}.brand__copy{display:grid;gap:2px}.brand__copy strong{font-size:20px;font-weight:500}.brand__copy small{font-size:15px;color:var(--accent)}.topbar__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav-link{padding:10px 16px;border-radius:999px;color:var(--accent-strong);font-size:16px}.nav-link--auth{min-width:96px;justify-content:center;display:inline-flex;background:#ffffff57;border:1px solid rgba(255,255,255,.34);box-shadow:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.nav-link--auth.router-link-exact-active,.nav-link--auth-active{background:#fab195db;color:#fff;box-shadow:0 10px 24px #ec8c722e}.nav-link--button{min-width:112px;justify-content:center;display:inline-flex;background:#fab195db;color:#fff;box-shadow:0 10px 24px #ec8c722e}.topbar__user{padding:10px 16px;border-radius:999px;background:#ffffff57;color:var(--text-secondary)}.topbar__logout{min-width:88px}.topbar__entry{min-width:132px}.page-shell{display:grid;gap:24px;position:relative;z-index:1;align-content:start;min-height:100%}.panel,.card,.feature-card,.auth-card,.gallery-shell,.hero-panel{border-radius:36px;background:var(--glass);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel{padding:28px}.panel h2,.panel h3,.panel p,.card h3,.card p{margin-top:0}.card,.feature-card{padding:24px}.grid{display:grid;gap:18px}.grid--two,.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-grid{display:grid;gap:18px}.feature-card h3{margin:10px 0 8px;font-size:22px;font-weight:500}.feature-card__link{display:inline-block;margin-top:10px}.card__title{margin:0 0 10px;font-size:22px;font-weight:500}.card__meta{color:var(--text-secondary)}.form{display:grid;gap:16px;max-width:420px}.form--wide{max-width:720px}.form label{display:grid;gap:8px;color:var(--text-secondary)}.form input,.form select,.form textarea,.gallery-search input{width:100%;padding:16px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.34);background:#fff3e9c7;color:var(--text-primary);box-shadow:inset 0 1px #ffffff59}.form textarea{resize:vertical;min-height:120px}.form .checkbox-row{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.form .checkbox-row input{width:auto;accent-color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:14px 24px;background:linear-gradient(180deg,#f8b56d,var(--accent));color:#fff;cursor:pointer;text-decoration:none;box-shadow:0 12px 26px #f39a7f33}.button:disabled{opacity:.65;cursor:not-allowed}.button--ghost{background:#ffffff5c;border:1px solid rgba(255,255,255,.34);color:var(--accent-strong);box-shadow:none}.button--inline{width:fit-content}.button--small{padding:10px 18px;font-size:14px}.button--danger{color:#b95f59}.button--hero{min-width:220px;min-height:74px;font-size:26px;background:#ffffffe0;color:var(--accent-strong)}.badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:#ffffff7a;color:var(--accent-strong);font-size:13px;letter-spacing:.04em}.list{margin:0;padding-left:20px;color:var(--text-primary)}.status{color:#c76961;min-height:22px}.status--success{color:#88a36a}.panel--toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.empty-state{padding:28px;border-radius:28px;background:#ffffff42;text-align:center}.empty-state--blend{min-height:520px;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff29,#ffffff14);border:1px solid rgba(255,255,255,.22)}.empty-state__content{max-width:420px}.table-wrap{overflow-x:auto}.table-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.36);text-align:left}.data-table th{color:var(--text-secondary);font-weight:600}.description-list{display:grid;grid-template-columns:88px 1fr;gap:10px 14px;margin:0}.description-list dt{color:var(--text-secondary)}.description-list dd{margin:0;color:var(--text-primary)}.cover-preview{display:block;width:min(100%,320px);max-height:220px;margin-top:16px;object-fit:cover;border-radius:20px;border:8px solid rgba(255,255,255,.34)}.audio-preview{display:block;width:100%;margin-top:16px}.media-state{display:grid;gap:8px;align-content:center;justify-items:center;width:100%;padding:24px;text-align:center;background:#ffffff6b;border-radius:24px;border:1px solid rgba(255,255,255,.34)}.media-state strong{color:#b95f59;font-size:16px}.media-state p{margin:0;color:var(--text-secondary)}.media-state--missing{background:radial-gradient(circle at top left,rgba(255,173,151,.28),transparent 42%),linear-gradient(160deg,#fffbf8f0,#fce5dee0);border-color:#c769613d}.media-state--audio{margin-top:16px}.media-state--visual{min-height:320px}.media-state--detail-cover{min-height:280px}.media-state--player{min-height:360px}.gallery-header{display:grid;gap:18px}.gallery-header__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;border-radius:30px;background:#ffffff57;border:1px solid rgba(255,255,255,.3)}.gallery-search{position:relative;margin:0 auto;width:min(100%,1240px);max-width:1240px}.gallery-search input{padding-right:72px;min-height:76px;border-radius:999px;text-align:center;font-size:20px;background:#ffffffb8}.gallery-search__icon{position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:40px;color:#b3897eb8}.gallery-shell{padding:34px;min-height:64vh}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}.gallery-card{padding:18px;border-radius:34px;background:#ffffffa3}.gallery-card__cover,.gallery-card__placeholder{display:block;width:100%;height:420px;border-radius:28px}.gallery-card__cover{object-fit:cover}.gallery-card__placeholder,.track-card__placeholder,.detail-cover--placeholder,.player-visual-placeholder{display:grid;place-items:center;background:radial-gradient(circle at top left,rgba(108,173,255,.22),transparent 42%),linear-gradient(160deg,#f8fcffeb,#f8dfc2d1);color:var(--text-secondary);font-weight:600;letter-spacing:.08em}.gallery-card__placeholder--missing{align-content:center;justify-items:center;gap:8px;padding:24px;text-align:center;color:#b95f59}.gallery-card__placeholder--missing small{color:var(--text-secondary);font-size:13px;letter-spacing:normal}.gallery-card__body{padding:18px 8px 8px}.gallery-card__body h3{margin:12px 0 6px;font-size:24px;font-weight:500}.track-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.track-card{overflow:hidden;border-radius:28px;background:#ffffff94}.track-card__cover,.track-card__placeholder{width:100%;height:180px}.track-card__cover{display:block;object-fit:cover}.track-card__body{padding:18px}.track-card__body h3{margin:10px 0 4px}.detail-cover{width:100%;min-height:280px;max-height:420px;object-fit:cover;border-radius:24px;border:10px solid rgba(255,255,255,.34)}.detail-cover--placeholder{min-height:280px}.detail-actions{margin-top:18px}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px}.player-stage{display:grid;gap:10px}.player-stage__status{margin:0 0 4px;font-size:15px}.player-cover,.player-visual-placeholder{width:100%;min-height:360px;max-height:520px;object-fit:cover;border-radius:28px;border:10px solid rgba(255,255,255,.3)}.visual-preview{display:block;width:100%;max-height:320px;margin-top:16px;object-fit:cover;border-radius:24px;border:10px solid rgba(255,255,255,.3)}.visual-config-form{margin-top:18px}.player-visual-placeholder{align-content:center;gap:8px;text-align:center;padding:28px}.player-visual-placeholder p{margin:0;color:var(--text-secondary);font-weight:400;letter-spacing:normal}.player-stage .audio-preview{margin-top:0}.divider{margin:22px 0;border:none;border-top:1px solid rgba(255,255,255,.36)}.playback-actions{margin:14px 0}.player-controls-panel{display:grid;align-content:start;gap:0}.player-controls-panel h3{margin-bottom:8px}.player-controls-panel__group{display:grid;gap:14px;margin-top:18px}.player-controls-panel__primary{min-height:58px;font-size:22px}.player-controls-panel__hint{margin-top:18px}.panel--nested{padding:0;margin-bottom:18px;background:transparent;border:none;box-shadow:none}.analysis-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:18px}.analysis-summary--single{grid-template-columns:minmax(220px,360px)}.analysis-summary h4{margin:0 0 10px}.analysis-preview{margin-top:18px}.session-info{margin-top:16px}.serial-log-list{display:grid;gap:12px;margin-top:16px}.serial-log-item{padding:16px 18px;border-radius:22px;background:#ffffff4d;border:1px solid rgba(255,255,255,.34)}.serial-log-item--failed{border-color:#c769616b;background:#fff2f066}.serial-log-item__header{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--text-primary)}.serial-log-item__header strong{font-size:15px}.serial-log-item__header span,.serial-log-item__meta{color:var(--text-secondary);font-size:13px}.serial-log-item__meta{margin:8px 0}.serial-log-item__preview{display:block;white-space:pre-wrap;word-break:break-word;padding:12px 14px;border-radius:16px;background:#7b628f14;color:var(--accent-strong);font-size:12px;line-height:1.6}.auth-layout{position:relative;min-height:100%;display:grid;place-items:center;padding:8px 0 20px;overflow:clip}.auth-card{position:relative;width:min(100%,520px);padding:40px 40px 28px;z-index:1}.auth-card--balanced{min-height:600px;display:grid;align-content:start}.auth-card h2{margin:20px 0 8px;font-size:42px;font-weight:500}.auth-form{max-width:none;margin-top:24px}.auth-form__submit{min-height:60px;font-size:22px}.auth-card__links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;color:var(--accent-strong)}.auth-card__links--single{justify-content:flex-start}.floating-word{position:absolute;color:#ffffff9e;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap}.floating-word--auth-left{left:4%;top:7%;font-size:clamp(84px,14vw,200px);color:#ffffff70}.floating-word--auth-right{right:3%;top:15%;font-size:clamp(64px,10vw,160px);color:#ffffff61}.floating-word--auth-bottom{left:0;bottom:3%;font-size:clamp(56px,9vw,150px);color:#8e5d532e}.hero-panel{position:relative;min-height:62vh;display:flex;align-items:center;justify-content:center;padding:48px 40px;overflow:hidden}.hero-panel--admin{min-height:42vh}.hero-panel--streamlined{min-height:calc(100vh - 220px);padding:36px 40px}.hero-panel__content{position:relative;z-index:1;text-align:center;max-width:960px}.hero-panel__content--compact{max-width:760px}.hero-panel__eyebrow{margin:0 0 18px;color:#8e5d53bd;font-size:16px;letter-spacing:.12em}.hero-panel__title{margin:18px 0 10px;font-size:clamp(64px,11vw,168px);line-height:1;font-weight:500;letter-spacing:.02em;color:#ffffffeb}.hero-panel__subtitle{margin:0 0 10px;font-size:clamp(28px,4vw,74px);color:#ffffffdb}.hero-panel__description{max-width:760px;margin:0 auto;font-size:20px;color:#8e5d53db}.hero-panel__description--compact{max-width:560px;font-size:22px;line-height:1.7}.hero-panel__title--admin{font-size:clamp(54px,9vw,116px)}.hero-panel__subtitle--admin{font-size:clamp(22px,3vw,40px)}.hero-panel__actions{justify-content:center;margin-top:36px}.hero-panel__actions--centered{margin-top:46px}.hero-panel__actions--double{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.hero-panel__tip{color:#8e5d53b8}.hero-panel__tip--centered{margin:18px 0 0;text-align:center}.hero-panel--client-home{min-height:calc(100vh - 210px);padding:40px 48px}.hero-panel--landing{min-height:calc(84vh - 180px);align-items:stretch;padding:28px 36px}.hero-panel__title--client{color:#fffffff0;font-size:clamp(60px,9vw,132px)}.hero-panel__title--landing{display:grid;gap:18px;margin:14px auto 10px;color:var(--accent-strong);font-size:clamp(44px,7vw,96px);line-height:1.02;width:100%}.button--hero-strong{min-width:260px;min-height:82px;font-size:30px;box-shadow:0 18px 34px #ec8c7238}.button--hero-soft{background:linear-gradient(180deg,#f8b56d,var(--accent));color:#fff;border:none;box-shadow:0 18px 34px #ec8c7238}.landing-page{display:grid;gap:24px}.landing-hero{display:grid;align-content:center;min-height:100%;gap:10px}.landing-hero__title-line{display:block;width:fit-content}.landing-hero__title-line--left{justify-self:start;margin-left:-4px}.landing-hero__title-line--right{justify-self:end;margin-right:-4px}.landing-hero__actions{justify-content:center}.landing-hero__button{min-width:230px;min-height:70px;font-size:24px}.landing-hero__description{max-width:640px;font-size:18px}.landing-section{display:grid;gap:28px;scroll-margin-top:140px}.landing-section__header{max-width:780px}.landing-section__badge{padding:12px 24px;font-size:20px;font-weight:600}.landing-section__header h2{margin:14px 0 10px;font-size:clamp(32px,4vw,52px);line-height:1.15}.landing-section__header p{margin:0;color:var(--text-secondary);font-size:18px;line-height:1.8}.landing-feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.landing-feature-card{min-height:220px;display:grid;align-content:start;gap:10px}.landing-feature-card h3,.landing-step h3,.landing-about-card h3{margin-bottom:8px}.landing-feature-card p,.landing-step p,.landing-about-card p{margin:0;color:var(--text-secondary);line-height:1.8}.landing-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.landing-step{min-height:220px}.landing-step__index{display:inline-flex;margin-bottom:16px;color:var(--accent-strong);font-size:13px;letter-spacing:.16em}.landing-section--about{margin-bottom:8px}.landing-about-grid{align-items:stretch}.landing-about-card{min-height:220px}.floating-word--hero{inset:auto 50% 50% auto;transform:translate(50%,20%);white-space:nowrap;font-size:clamp(74px,12vw,220px);color:#ffffff6b}input[type=file]{width:100%;padding:12px;border-radius:18px;border:1px dashed rgba(255,255,255,.4);background:#fffaf48a;color:var(--text-secondary)}.upload-control{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}.upload-status{color:var(--text-secondary);font-size:14px}.input-hidden{display:none}.timeline-card{margin-top:18px;padding:22px;border-radius:28px;background:#ffffff57;border:1px solid rgba(255,255,255,.34)}.timeline-card__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.timeline-chart{position:relative;height:190px;padding:18px 0 28px}.timeline-chart--bars{height:210px}.timeline-chart__rail{position:absolute;left:0;right:0;bottom:26px;height:8px;border-radius:999px;background:#ffffff9e;box-shadow:inset 0 0 0 1px #ffffff4d}.timeline-chart__axis{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:var(--text-secondary);font-size:13px}.timeline-chart__event{position:absolute;bottom:34px;transform:translate(-50%)}.timeline-chart__event--marker{width:4px;min-height:48px;border-radius:999px}.timeline-chart__event--bar{min-width:8px;border-radius:14px 14px 10px 10px;transform:none}.timeline-chart__event--soft{background:#73af90c7}.timeline-chart__event--mid{background:#f1a459d6}.timeline-chart__event--strong{background:#e8665fd6}@media(max-width:900px){.topbar{flex-direction:column;align-items:flex-start}.panel--toolbar,.gallery-header__bar,.timeline-card__header{flex-direction:column}.player-layout{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{padding:16px}.brand__copy strong{font-size:17px}.brand__copy small{font-size:13px}.hero-panel,.auth-card,.gallery-shell,.panel{padding:22px;border-radius:28px}.hero-panel__title{font-size:clamp(52px,18vw,92px)}.hero-panel__subtitle{font-size:clamp(24px,8vw,48px)}.hero-panel--client-home{min-height:calc(100vh - 180px);padding:28px 24px}.hero-panel--landing{min-height:calc(76vh - 120px);padding:28px 24px}.hero-panel__description--compact{font-size:18px}.landing-section__header h2{font-size:30px}.landing-section__header p{font-size:16px}.landing-hero__button{min-width:210px;min-height:68px;font-size:22px}.hero-panel__title--landing{gap:12px}.button--hero-strong{min-width:220px;min-height:72px;font-size:24px}.gallery-search input{min-height:64px;font-size:18px}.gallery-card__cover,.gallery-card__placeholder{height:320px}.auth-card--balanced{min-height:auto}}