@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.hidden{display:none}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}:root{color:#1d1d1f;font-synthesis:none;--blue:#415fff;--muted:#6e6e73;--line:#e5e5e9;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #8f9fff}a{color:inherit;text-decoration:none}img{object-fit:cover;width:100%;height:100%;display:block}button,a{touch-action:manipulation}input,textarea,select{min-width:0}button svg,a svg,label svg{flex-shrink:0}h1,h2,h3,p{margin:0}.app{min-height:100vh}.wrap{max-width:1232px;margin:0 auto;padding-left:48px;padding-right:48px}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:30;background:#ffffffde;border-bottom:1px solid #e7e7eb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:30px;max-width:1360px;height:80px;margin:auto;padding:0 48px;display:flex}.brand{white-space:nowrap;align-items:center;gap:20px;display:flex}.vivo{letter-spacing:-3px;color:#3759f5;font-family:Arial Rounded MT Bold,Arial,sans-serif;font-size:38px;font-weight:600;line-height:1;transform:translateY(-2px)}.brand-line{background:#d9d9df;width:1px;height:23px;margin-left:2px}.brand-name{font-size:15px;font-weight:500}.header nav{align-items:center;gap:36px;height:100%;font-size:14px;display:flex}.header nav button{color:#85858b;height:100%;position:relative}.header nav button.active{color:#1d1d1f;font-weight:600}.header nav button.active:after{background:var(--blue);content:"";border-radius:100%;width:4px;height:4px;position:absolute;bottom:17px;left:50%}.nav-count{background:#edeef5;border-radius:4px;margin-left:5px;padding:2px 4px;font-size:10px}.manage-link{border:1px solid #dfdfe5;border-radius:30px;align-items:center;gap:7px;padding:10px 15px;font-size:13px;transition:background .2s;display:flex}.manage-link:hover{background:#ededf3}.intro{justify-content:space-between;align-items:flex-end;gap:20px;padding:76px 0 46px;display:flex}.intro-overline{color:var(--muted);align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.blue-dot{background:var(--blue);border-radius:50%;width:6px;height:6px}.intro h1{letter-spacing:-2px;font-size:50px;font-weight:600;line-height:1.3}.intro p{color:var(--muted);margin-top:21px;font-size:15px;line-height:1.8}.intro-mark{color:#8a8a90;align-items:center;gap:18px;padding-bottom:3px;font-size:13px;display:flex}.intro-mark span{color:#7b7b83;border:1px solid #d9d9df;border-radius:30px;padding:6px 12px;font-size:11px}.filter-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:18px 0 26px;display:flex}.filters{gap:8px;display:flex}.filters button{color:#6e6e73;white-space:nowrap;border-radius:30px;padding:11px 19px;font-size:13px;transition:background .18s,color .18s}.filters button:hover{background:#eaeaee}.filters button.selected{color:#fff;background:#1d1d1f}.search{color:#8a8a93;background:#fff;border:1px solid #ededf1;border-radius:30px;align-items:center;gap:9px;padding:11px 15px;display:flex}.search input{color:#1d1d1f;background:0 0;border:0;outline:none;width:145px;font-size:12px}.search input::placeholder{color:#8a8a93}.search:focus-within{border-color:#a0adff}.search button{display:flex}.result-caption{color:#929298;justify-content:space-between;padding:26px 0 18px;font-size:12px;display:flex}.result-caption span:first-child{color:#65656d}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.project-card{background:#fff;border:1px solid #eeeef2;border-radius:22px;position:relative;overflow:hidden}.project-card.featured{grid-column:1/-1}.card-image{aspect-ratio:16/10;text-align:left;background:#fff;width:100%;display:block;position:relative;overflow:hidden}.featured .card-image{aspect-ratio:2.05}.card-image picture{width:100%;height:100%;display:block}.card-image img{object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.card-image:hover img{transform:scale(1.025)}.card-corner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#414149;background:#ffffffbf;border:1px solid #ffffffa8;border-radius:30px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:flex;position:absolute;top:22px;left:24px;box-shadow:0 2px 8px #00000004}.card-explore{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#ffffffd1;border-radius:30px;align-items:center;gap:14px;padding:10px 13px 10px 17px;font-size:12px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:24px;right:26px;transform:translateY(6px)}.card-image:hover .card-explore,.card-image:focus-visible .card-explore{opacity:1;transform:none}.card-info{border-top:1px solid #f5f5f7;justify-content:space-between;gap:20px;padding:25px 28px 30px;display:flex}.card-info>div{flex:1;min-width:0}.category{color:#7e7e86;margin-bottom:10px;font-size:11px;font-weight:500;display:block}.card-title{letter-spacing:-.6px;text-align:left;align-items:center;gap:18px;font-size:28px;font-weight:600;line-height:1.2;display:flex}.card-title svg{opacity:0;color:#888892;transition:opacity .2s}.card-title:hover svg{opacity:1}.card-tagline{margin-top:12px;font-size:15px;font-weight:400;line-height:1.6}.card-description{color:#89898f;max-width:45em;margin-top:9px;font-size:12px;line-height:1.85}.heart-button{color:#9b9ba4;border:1px solid #e9e9ef;border-radius:50%;align-self:flex-start;place-items:center;width:38px;height:38px;margin-top:22px;display:grid}.heart-button:hover{color:var(--blue);background:#f7f7ff}.liked{color:var(--blue)!important}.featured .card-info{padding:28px 34px 32px}.featured .card-title{font-size:32px}.featured .card-info>div{grid-template-columns:1fr 1.45fr;align-items:start;column-gap:35px;display:grid}.featured .category{grid-area:1/1;margin-bottom:8px}.featured .card-title{grid-area:2/1/4}.featured .card-tagline{grid-area:1/2/3;margin:0;font-size:17px}.featured .card-description{grid-area:3/2;margin-top:5px}.featured .heart-button{margin:5px 0 0 4px}.gallery-end{color:#a2a2aa;justify-content:center;align-items:center;gap:20px;padding:66px 0;font-size:11px;display:flex}.gallery-end span{background:#dddddf;width:36px;height:1px}.footer{border-top:1px solid #e2e2e7;justify-content:space-between;align-items:center;gap:20px;max-width:1232px;margin:0 auto;padding:28px 48px 38px;display:flex}.footer-brand{letter-spacing:-2px;color:#7d7d86;align-items:center;gap:15px;font-family:Arial Rounded MT Bold,Arial,sans-serif;font-size:24px;font-weight:600;display:flex}.footer-brand span{letter-spacing:0;color:#929299;font-size:11px;font-weight:400}.footer p{color:#96969e;font-size:11px}.demo-note{color:#a2a2aa;font-size:10px}.detail{padding-top:35px}.back{color:#777780;align-items:center;gap:9px;font-size:12px;display:flex}.back:hover{color:var(--blue)}.detail-heading{justify-content:space-between;align-items:center;gap:30px;padding:40px 0 45px;display:flex}.detail-heading .category{color:var(--blue);margin-bottom:12px}.detail h1{letter-spacing:-1.8px;font-size:58px;font-weight:600;line-height:1.1}.detail-heading p{color:#797981;max-width:600px;margin-top:19px;font-size:14px;line-height:1.9}.pill{white-space:nowrap;border:1px solid #dddde5;border-radius:30px;align-items:center;gap:9px;padding:12px 18px;font-size:12px;display:flex}.chapter-heading{color:#8b8b94;justify-content:space-between;align-items:center;padding-bottom:15px;font-size:12px;display:flex}.chapter-heading b{color:#22222a;font-weight:500}.chapter-heading>span:last-child{letter-spacing:2px}.video-stage{aspect-ratio:16/9;touch-action:pan-y;background:#08080b;border-radius:20px;position:relative;overflow:hidden}.video-stage video{object-fit:contain;width:100%;height:100%;display:block}.play-overlay{color:#fff;background:linear-gradient(#0000 40%,#00000020);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.play-overlay>span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2d2d3480;border:1px solid #fff6;border-radius:50%;place-items:center;width:80px;height:80px;transition:transform .2s;display:grid}.play-overlay:hover>span{transform:scale(1.06)}.play-overlay svg{margin-left:5px}.play-overlay small{text-shadow:0 1px 4px #0006;background:#0003;border-radius:20px;padding:4px 9px;font-size:12px}.stage-label{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#17171f5e;border-radius:20px;padding:6px 11px;font-size:11px;position:absolute;top:22px;left:22px}.highlight-copy{justify-content:space-between;gap:55px;padding:34px 3px 35px;display:flex}.highlight-text{max-width:680px;animation:.3s ease-out copy-in}.highlight-text .category{color:var(--blue)}.highlight-text h2{letter-spacing:-.5px;font-size:28px;font-weight:500;line-height:1.5}.highlight-text p{color:#84848c;max-width:590px;margin-top:11px;font-size:14px;line-height:1.9}.slide-controls{align-self:flex-start;align-items:center;gap:10px;padding-top:28px;display:flex}.dots{gap:6px;margin-right:19px;display:flex}.dots button{background:#d8d8e1;border-radius:10px;width:6px;height:6px;transition:width .2s}.dots button.active{background:var(--blue);width:23px}.circle{border:1px solid #dddde4;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.circle.dark{color:#fff;background:#25252b;border-color:#25252b}.circle svg{width:18px}.chapter-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:3px 0 50px;display:grid}.chapter-list>button{text-align:left;border:1px solid #e2e2e9;border-radius:12px;flex-direction:column;gap:12px;padding:10px;transition:background .2s,border-color .2s;display:flex}.chapter-list>button:hover{background:#fff}.chapter-list>button.active{background:#fff;border-color:#8395ff;box-shadow:0 0 0 2px #415fff09}.thumb{aspect-ratio:16/9;border-radius:7px;display:block;position:relative;overflow:hidden}.thumb>span{background:#ffffffdc;border-radius:15px;place-items:center;width:25px;height:25px;font-size:10px;display:grid;position:absolute;bottom:7px;left:8px}.chapter-list small{color:#9797a0;padding:0 3px 5px;font-size:10px;display:block}.chapter-list strong{padding:0 3px 4px;font-size:12px;font-weight:500;line-height:1.6;display:block}.detail-bottom{border-top:1px solid #e2e2e8;justify-content:space-between;gap:20px;padding:25px 0 50px;display:flex}.detail-bottom a{color:#9b9ba4;align-items:center;gap:7px;font-size:11px;display:flex}.video-error{color:#fff;background:#121216ee;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex;position:absolute;inset:0}.video-error p{font-size:18px}.video-error>span{color:#aaaab3;font-size:12px}.video-error>div{gap:10px;margin-top:8px;display:flex}.light-button{background:#ffffff20;border-radius:20px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:flex}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:390px;padding:50px 25px;display:flex}.empty>svg{color:#a3a6bb}.empty h2{font-size:24px;font-weight:500}.empty p{color:#8c8c96;max-width:420px;font-size:14px;line-height:1.8}.primary,.secondary,.danger{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 19px;font-size:13px;line-height:1.4;transition:background .2s;display:inline-flex}.primary{background:var(--blue);color:#fff}.primary:hover{background:#2e49df}.secondary{color:#53535d;background:#fff;border:1px solid #dedee6}.secondary:hover{background:#f2f3f9}.danger{color:#fff;background:#e64545}.wide{width:100%}.muted{color:#84848e;font-size:14px;line-height:1.9}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#11112845;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;outline:none;width:440px;max-width:100%;padding:25px 30px 30px;animation:.22s ease-out modal-in;box-shadow:0 25px 100px #0002}.modal-head{color:#8b8b95;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:14px;display:flex}.icon-button{border-radius:6px;place-items:center;width:30px;height:30px;display:inline-grid}.icon-button:hover{background:#e9eaf1}.modal h3{margin-bottom:14px;font-size:22px;font-weight:500;line-height:1.5}.login-symbol{width:60px;height:60px;color:var(--blue);background:#f0f2ff;border-radius:16px;place-items:center;margin-bottom:24px;display:grid}.modal .wide{margin-top:28px}.login-note{color:#a4a4ad;text-align:center;margin-top:14px;font-size:10px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.toast{z-index:150;color:#fff;background:#24242e;border-radius:12px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 30px);padding:14px 22px;font-size:13px;display:flex;position:fixed;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0002}.toast svg{color:#bdc9ff;flex-shrink:0}.admin-top{color:#92929b;justify-content:space-between;align-items:center;max-width:1136px;margin:0 auto;padding:18px 0;font-size:11px;display:flex}.admin-top>span{align-items:center;gap:7px;display:flex}.status-dot{background:#70a786;border-radius:50%;width:5px;height:5px}.admin-top button{align-items:center;gap:7px;display:flex}.manager,.editor{min-height:65vh;padding-top:23px;padding-bottom:60px}.manager-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;display:flex}.manager-title h1{letter-spacing:-1px;font-size:34px;font-weight:600}.manager-title p{color:#95959e;margin-top:10px;font-size:13px}.manager-summary{color:#8e8e97;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;display:flex}.manager-summary>span{background:#c9c9d1;border-radius:50%;width:2px;height:2px}.project-table{background:#fff;border:1px solid #eeeef3;border-radius:16px;padding:0 24px}.project-row{border-bottom:1px solid #eeeef2;align-items:center;gap:23px;padding:24px 0;display:flex}.project-row:last-child{border-bottom:0}.row-image{background:#fafafa;border-radius:7px;width:112px;height:72px}.row-description{flex:1;min-width:100px}.row-description strong{font-size:17px;font-weight:500}.row-description p{color:#92929d;margin-top:9px;font-size:11px}.publish-status{white-space:nowrap;color:#83838f;background:#eaeaf0;border-radius:5px;padding:5px 9px;font-size:11px}.publish-status.published{color:#69927b;background:#edf4f0}.row-actions{color:#8c8c96;align-items:center;gap:19px;margin-left:25px;font-size:12px;display:flex}.row-actions button:first-child{color:var(--blue)}.row-actions button:hover{color:#1e37bc}.row-actions .delete-button{place-items:center;display:grid}.admin-hint{color:#9c9ca5;margin-top:25px;font-size:11px;line-height:1.8}.editor>.back{margin-bottom:24px}.editor-layout{grid-template-columns:minmax(0,1fr) 275px;gap:30px;display:grid}.form-section{background:#fff;border:1px solid #e9e9ee;border-radius:14px;margin-bottom:23px;padding:28px}.form-section h2{margin-bottom:26px;font-size:17px;font-weight:500}.field{color:#757581;margin-bottom:21px;font-size:12px;display:block;position:relative}.field>span{color:#7f90e6}.field input,.field textarea,.field select{color:#363640;background:#fff;border:1px solid #e2e2e9;border-radius:7px;outline:none;width:100%;margin-top:9px;padding:11px 12px;font-size:13px;line-height:1.6;transition:border-color .15s;display:block}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8596ff;box-shadow:0 0 0 3px #415fff0a}.field input::placeholder,.field textarea::placeholder{color:#bbbcc5}.field textarea{resize:vertical}.field>small{text-align:right;color:#b0b0bb;padding-top:6px;font-size:10px;display:block}.form-two{grid-template-columns:1fr 1fr;gap:17px;display:grid}.cover-upload{cursor:pointer;background:#fafafe;border:1px dashed #d3d5df;border-radius:9px;justify-content:center;align-items:center;min-height:160px;margin-top:9px;display:flex;position:relative;overflow:hidden}.cover-upload>img{object-fit:contain;background:#f9f9fb;height:220px}.cover-upload>svg{color:#b2b5c9;margin-bottom:15px}.cover-upload>span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#70707a;white-space:nowrap;background:#fffe;border:1px solid #e7e7ee;border-radius:6px;align-items:center;gap:7px;padding:7px 13px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.cover-upload input,.upload-actions input{display:none}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px;display:flex}.section-heading h2{margin-bottom:7px}.section-heading p{color:#9b9ba5;font-size:11px}.section-heading .secondary{padding:9px 11px;font-size:11px}.highlight-editor{border:1px solid #e2e3eb;border-radius:11px;margin-bottom:18px;padding:19px 20px 22px}.highlight-editor:last-child{margin-bottom:0}.highlight-editor-head{color:#a6a7b2;align-items:center;gap:7px;margin-bottom:20px;display:flex}.highlight-editor-head b{color:#666675;flex:1;font-size:12px;font-weight:500}.highlight-editor-head>div{gap:3px;display:flex}.drag-handle{cursor:grab;margin-left:-6px;padding:6px;display:flex}.upload-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.upload-actions .secondary{cursor:pointer;padding:8px 10px;font-size:11px}.upload-actions small{color:#b1b1ba;margin-left:auto;font-size:10px}.text-button{color:var(--blue);font-size:10px}.editor-aside{align-self:start;position:sticky;top:110px}.aside-label{color:#9a9aa4;margin-bottom:14px;font-size:11px;display:block}.mini-card{background:#fff;border:1px solid #e9e9f0;border-radius:13px;overflow:hidden}.mini-card>img{object-fit:cover;height:165px}.mini-card>div:not(.mini-placeholder){padding:20px}.mini-card h3{margin-bottom:9px;font-size:21px;font-weight:500}.mini-card p{color:#838390;font-size:12px;line-height:1.8}.mini-card small{color:#aaabb5;margin-top:16px;font-size:10px;display:block}.mini-placeholder{color:#b7bac8;background:#e9eaf1;place-items:center;height:165px;display:grid}.publish-help{padding:25px 5px}.publish-help h3{color:#777783;margin-bottom:15px;font-size:12px;font-weight:500}.publish-help p{color:#9b9ba7;align-items:center;gap:6px;font-size:10px;line-height:2.4;display:flex}.publish-help svg{color:#939fce}.editor-save{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;background:#fffffff0;border:1px solid #e1e2ea;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin-top:10px;padding:16px 20px;display:flex;position:sticky;bottom:16px;box-shadow:0 5px 30px #1b235412}.editor-save>div:first-child{color:#92929e;font-size:11px}.editor-save>div:first-child small{color:#da5858;margin-top:5px;display:block}.editor-save>div:last-child{gap:10px;display:flex}.add-first{color:#b4b7c9;flex-direction:column;align-items:center;gap:15px;padding:35px 10px;display:flex}.add-first p{color:#a0a2ae;font-size:12px}.add-first button{color:var(--blue);align-items:center;gap:8px;font-size:12px;display:flex}.image-placeholder{color:#b4b6c2;background:#ececf2;place-items:center;width:100%;height:100%;min-height:100px;display:grid}@keyframes copy-in{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media(min-width:1500px){.wrap{max-width:1360px}.intro h1{font-size:58px}.intro{padding-top:85px}.footer{max-width:1360px}.admin-top{max-width:1264px}}@media(max-width:1000px){.wrap{padding-left:30px;padding-right:30px}.header-inner{padding:0 30px}.intro h1{font-size:41px}.intro-mark{display:none}.intro{padding-top:58px}.filters{gap:2px}.filters button{padding:10px 14px}.footer{padding-left:30px;padding-right:30px}.footer p{display:none}.highlight-copy{gap:20px}.highlight-text h2{font-size:25px}.slide-controls{gap:7px}.dots{margin-right:4px}.chapter-list{gap:8px}.admin-top{padding-left:30px;padding-right:30px}.editor-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.row-actions{gap:13px;margin-left:0}.project-row{gap:16px}.row-image{width:90px;height:63px}.form-section{padding:22px}.editor-aside .mini-card>img{height:135px}.featured .card-info>div{grid-template-columns:1fr 1.3fr}.featured .card-description{font-size:11px}.featured .card-tagline{font-size:15px}}@media(max-width:760px){.header-inner{gap:15px;height:68px;padding:0 22px}.vivo{font-size:33px}.brand{gap:13px}.brand-name{font-size:13px}.brand-line{height:18px}.header nav{gap:19px;font-size:12px}.header nav button.active:after{bottom:11px}.manage-link{padding:9px}.manage-link>span{display:none}.wrap{padding:0 22px}.intro{padding:45px 0 25px}.intro h1{letter-spacing:-1px;font-size:34px}.intro-overline{margin-bottom:15px;font-size:11px}.intro p{max-width:90%;margin-top:15px;font-size:12px;line-height:1.9}.filter-row{flex-direction:column;align-items:stretch;gap:15px;padding:10px 0 20px}.filters{scrollbar-width:none;justify-content:flex-start;gap:6px;overflow:auto}.filters button{padding:9px 16px;font-size:11px}.search{background:#ececf0;border:0;align-self:stretch;padding:11px 13px}.search input{width:100%;font-size:12px}.result-caption{padding:22px 0 14px;font-size:11px}.project-grid{gap:20px}.card-info{padding:22px}.card-title{font-size:25px}.card-description{font-size:11px}.featured .card-info{padding:24px}.featured .card-info>div{display:block}.featured .card-title{font-size:29px}.featured .card-tagline{margin-top:10px}.featured .card-description{margin-top:7px}.featured .heart-button{margin-top:22px}.featured .card-image{aspect-ratio:1.85}.card-corner{padding:7px 10px;font-size:10px;top:15px;left:15px}.card-explore{display:none}.card-title svg{opacity:1;color:#b1b1ba;width:19px}.category{font-size:10px}.heart-button{width:34px;height:34px}.heart-button svg{width:17px}.gallery-end{padding:42px 0;font-size:10px}.footer{align-items:flex-start;gap:14px;padding:25px 22px}.footer-brand{font-size:22px}.footer-brand span{max-width:70px;font-size:9px;line-height:1.5}.demo-note{text-align:right;max-width:120px;font-size:9px;line-height:1.7}.detail{padding-top:25px}.detail-heading{align-items:flex-start;gap:12px;padding:32px 0 30px}.detail h1{font-size:45px}.detail-heading p{margin-top:15px;font-size:12px}.detail-heading .pill{border-radius:50%;gap:0;margin-top:23px;padding:11px;font-size:0}.detail-heading .pill svg{width:17px}.video-stage{border-radius:12px}.play-overlay>span{width:60px;height:60px}.play-overlay svg{width:22px}.play-overlay small{font-size:10px}.stage-label{font-size:9px;top:13px;left:13px}.highlight-copy{padding:26px 0 27px;display:block}.highlight-text h2{font-size:24px}.highlight-text p{font-size:12px;line-height:1.95}.slide-controls{justify-content:flex-end;padding-top:25px}.dots{gap:6px;margin-right:auto}.circle{width:37px;height:37px}.chapter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:30px}.chapter-list strong{font-size:11px}.chapter-list small{font-size:9px}.detail-bottom{align-items:center;padding-bottom:30px}.detail-bottom a{gap:5px;font-size:9px}.detail-bottom .back{font-size:10px}.detail-bottom svg{width:14px}.admin-top{padding:16px 22px;font-size:10px}.manager,.editor{padding-top:20px;padding-bottom:35px}.manager-title{margin-bottom:26px}.manager-title h1{font-size:28px}.manager-title p{font-size:11px}.manager-title .primary{padding:10px 13px;font-size:11px}.project-table{padding:0 18px}.project-row{flex-wrap:wrap;gap:12px;padding:18px 0}.row-description strong{font-size:16px}.row-description p{font-size:10px}.row-actions{border-top:1px solid #f1f1f5;justify-content:flex-end;gap:22px;width:100%;padding-top:13px;font-size:11px}.row-image{width:85px;height:60px}.publish-status{font-size:10px}.editor-layout{display:block}.editor-aside{display:none}.form-section{padding:20px}.form-two{display:block}.highlight-editor{padding:15px}.form-section h2{font-size:16px}.section-heading p{font-size:10px}.section-heading .secondary{padding:8px;font-size:10px}.editor-save{padding:12px 13px;bottom:10px}.editor-save>div:first-child{max-width:95px;font-size:10px}.editor-save .primary,.editor-save .secondary{padding:10px 12px;font-size:11px}.editor-save>div:last-child{gap:7px}.modal{padding:20px 24px 25px}.modal h3{font-size:21px}.toast{font-size:12px;bottom:24px}.video-error p{font-size:14px}.video-error>svg{display:none}.video-error>span{font-size:10px}.video-error{gap:9px}.light-button{padding:8px 12px;font-size:10px}}@media(max-width:600px){.project-grid{grid-template-columns:minmax(0,1fr)}.project-card.featured{grid-column:auto}.project-card{border-radius:17px}.card-image,.featured .card-image{aspect-ratio:1.1}.card-image picture img{object-fit:cover;object-position:center}.featured .card-info,.card-info{padding:23px}.card-title,.featured .card-title{font-size:27px}.card-tagline,.featured .card-tagline{font-size:14px}.card-description,.featured .card-description{font-size:11px}.intro h1{font-size:31px}.brand-name,.brand-line{display:none}.header nav{gap:22px}.header-inner{gap:20px}.header .vivo{font-size:34px}.header nav{margin-left:auto;margin-right:5px}.manager-title h1{font-size:26px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:600px){.project-card[data-product=xfold6] .card-image img{object-position:center 74%}.project-card[data-product=s60] .card-image img{object-position:center top}.project-card[data-product=x300e] .card-image img{object-position:center 65%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--showcase-bg:#080909;--showcase-text:#cbd4ce;--showcase-muted:#82948a;--showcase-rule:#ffffff22;--showcase-radius:8px;--showcase-control:#151b18da}:root{color:#e8e8e6;background:#090a0a;--blue:#b4c7d4;--muted:#858b8d;--line:#ffffff18;color-scheme:dark}body{background:#090a0a}.vivo-logo{width:79px;height:23px;object-fit:contain}.header{background:#0b0c0ded;border-color:#ffffff12}.header-inner{max-width:none;height:92px;padding:0 5vw;gap:25px}.brand{gap:22px}.brand-line{background:#ffffff26;height:20px}.brand-name{color:#898e8e;font-size:12px;letter-spacing:.1px}.header nav{gap:31px;font-size:12px}.header nav button{color:#8a9090}.header nav button.active{color:#fff;font-weight:400}.header nav button.active:after{background:#d3d8d8;bottom:25px;width:3px;height:3px}.nav-count{background:#ffffff15;color:#bfc6c8}.manage-link{border:0;color:#858c8d;font-size:11px;gap:8px;padding:8px 0}.manage-link:hover{background:none;color:#fff}.showcase-app .header{position:fixed;inset:0 0 auto;background:linear-gradient(#070808a6,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;border:0}.showcase-app>.footer{display:none}.footer{border-color:var(--line)}.footer-brand>img{width:44px;height:14px;object-fit:contain;opacity:.5}.showcase-empty{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.showcase-empty h1{font-size:26px;font-weight:400}.showcase-empty>svg{color:#687071}.line-action{display:flex;align-items:center;gap:16px;font-size:12px;color:#bec4c4}.line-action:hover{color:#fff}.project-showcase{height:100svh;min-height:660px;width:100%;position:relative;overflow:hidden;isolation:isolate;background:#080a0a}.project-backdrops,.backdrop-shade{position:absolute;inset:0;z-index:-3}.project-backdrop{position:absolute;inset:0;opacity:0;transform:scale(1.03);transition:opacity .65s ease,transform 1s ease}.project-backdrop.visible{opacity:.4;transform:scale(1)}.project-backdrop img{object-fit:cover;object-position:center;filter:saturate(.72)}.backdrop-shade{z-index:-2;background:linear-gradient(180deg,#02050572,#03060640 22%,#05070775 60%,#070909f5)}.showcase-meta{position:absolute;left:5vw;right:5vw;top:135px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.5px;color:#939e9d}.showcase-meta>span:last-child{font-size:11px;letter-spacing:1.8px;color:#c6cfcd}.showcase-meta i{font-style:normal;color:#515a5a;margin:0 13px}.project-word-wrap{position:absolute;top:45%;left:0;width:100%;transform:translateY(-50%);z-index:-1;text-align:center;overflow:hidden;padding:20px 0;pointer-events:none}.project-word{font-size:clamp(100px,22.2vw,370px);font-weight:500;letter-spacing:-.065em;line-height:1.1;white-space:nowrap;color:#ffffff28;animation:word-change .65s cubic-bezier(.23,.8,.25,1) both}.project-orbit{position:absolute;top:47%;left:0;width:100%;height:360px;transform:translateY(-50%);perspective:1400px;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.project-orbit.dragging{cursor:grabbing}.orbit-card{position:absolute;top:50%;left:50%;width:224px;height:288px;padding:0;border-radius:9px;overflow:hidden;background:#12191c;box-shadow:0 20px 70px #0006;transform:translate(-50%,-50%) translate(calc(var(--offset)*310px + var(--drag)*.6)) translateY(20px) rotate(calc(var(--offset)*13deg)) rotateY(calc(var(--offset)*-8deg)) scale(.84);transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .55s,opacity .55s;filter:brightness(.72);opacity:.75;z-index:1;border:1px solid #ffffff1a;text-align:left;will-change:transform}.orbit-card.current{transform:translate(-50%,-50%) translate(calc(var(--drag)*.6)) rotate(calc(var(--offset)*13deg)) scale(1);filter:none;opacity:1;z-index:3;border-color:#ffffff38}.dragging .orbit-card{transition:filter .2s,opacity .2s}.orbit-card img{object-fit:cover;object-position:center;width:100%;height:100%;pointer-events:none}.orbit-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00000008 50%,#000000a0)}.orbit-card-label{position:absolute;left:17px;right:15px;bottom:16px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:13px;font-weight:500;letter-spacing:-.2px}.orbit-card-label svg{opacity:0;transition:opacity .2s}.orbit-card.current .orbit-card-label svg{opacity:.8}.orbit-card-number{position:absolute;top:13px;left:15px;font-size:9px;color:#fff9;letter-spacing:1px}.project-caption{position:absolute;bottom:133px;left:5vw;right:35%;padding-right:60px;animation:caption-change .45s ease both}.caption-category{display:block;font-size:10px;color:#9aa5a6;margin-bottom:12px}.project-caption h1{font-size:37px;letter-spacing:-.9px;font-weight:400;line-height:1.2}.project-caption p{font-size:12px;color:#909b9b;line-height:1.8;margin-top:11px}.showcase-favorite{position:absolute;right:0;top:30px;width:35px;height:35px;border-radius:50%;border:1px solid #ffffff22;color:#a4afad;display:grid;place-items:center}.showcase-favorite:hover{border-color:#fff5;color:#fff}.showcase-bottom{position:absolute;left:5vw;right:5vw;bottom:35px;height:48px;display:flex;align-items:center;gap:30px;border-top:1px solid #ffffff18;padding-top:20px}.project-steps{display:flex;gap:5px}.project-steps button{width:43px;height:25px;padding:10px 0}.project-steps span{display:block;width:100%;height:1px;background:#ffffff27;transition:background .3s,height .3s}.project-steps .active span{background:#d8dfdd;height:2px}.gesture-hint{font-size:9px;color:#697572;letter-spacing:.6px}.showcase-arrows{margin-left:auto;display:flex;gap:14px}.showcase-arrows button{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff20;color:#b3bfbc;transition:background .2s}.showcase-arrows button:hover{background:#ffffff10;color:#fff}.enter-project{position:absolute;bottom:152px;right:5vw;display:flex;align-items:center;gap:36px;padding-bottom:13px;border-bottom:1px solid #ffffff45;font-size:12px;color:#dde4e0}.enter-project:hover{color:#fff;border-bottom-color:#fff}.orbit-card:focus-visible{outline:2px solid white;outline-offset:5px}.project-showcase .liked{color:#e4eced!important}.project-detail{padding-top:115px;background:var(--showcase-bg);min-height:100svh}.detail-intro{padding:15px 5vw 31px;display:flex;justify-content:space-between;align-items:center;gap:20px}.detail-return{display:flex;align-items:center;gap:10px;font-size:10px;color:#949c9c}.detail-return:hover{color:#fff}.detail-project-title{display:flex;align-items:center;gap:20px}.detail-project-title h1{font-size:21px;font-weight:400;letter-spacing:-.5px}.detail-project-title>span{font-size:10px;color:#6f7b78}.detail-favorite{width:32px;height:32px;display:grid;place-items:center;color:#899592}.detail-favorite.liked{color:#fff!important}.clip-list{padding:0 3.5vw}.clip-row{height:134px;position:relative;border-top:1px solid var(--showcase-rule);overflow:hidden;transition:height .65s cubic-bezier(.2,.75,.2,1);isolation:isolate;scroll-margin-top:100px}.clip-row:last-child{border-bottom:1px solid #ffffff22}.clip-row.expanded{height:635px}.clip-row-select{position:absolute;inset:0;z-index:2;text-align:left;display:block;cursor:pointer}.clip-row.expanded .clip-row-select{bottom:auto;height:45px}.clip-row-name{position:absolute;top:15px;left:0;font-size:10px;font-weight:400;color:#b1b8b5}.clip-row-right{position:absolute;top:15px;right:0;display:flex;align-items:center;gap:15px;font-size:9px;color:#778480;letter-spacing:1px}.clip-row-right svg{opacity:.5}.clip-big-title{position:absolute;left:50%;top:255px;transform:translate(-50%,-50%);font-size:clamp(60px,10.4vw,160px);font-weight:400;letter-spacing:-.04em;white-space:nowrap;color:#d4d8d4;line-height:1.1;z-index:-1;opacity:0;transition:opacity .4s .1s;pointer-events:none}.expanded .clip-big-title{opacity:1}.clip-visual{position:absolute;left:50%;top:23px;transform:translate(-50%);width:min(39vw,580px);height:86px;z-index:3;transition:width .65s cubic-bezier(.2,.75,.2,1),height .65s cubic-bezier(.2,.75,.2,1),top .65s cubic-bezier(.2,.75,.2,1)}.expanded .clip-visual{top:49px;width:min(56vw,800px);height:407px}.clip-image{display:block;width:100%;height:100%;position:relative;padding:0;background:#131818;overflow:hidden;text-align:left}.clip-image>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.clip-image>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s}.clip-image:hover>img{transform:scale(1.02)}.clip-play{position:absolute;bottom:18px;left:19px;width:37px;height:37px;display:grid;place-items:center;border:1px solid #ffffff4f;border-radius:50%;color:#fff;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2}.clip-play svg{margin-left:2px}.collapsed-preview .clip-play{width:25px;height:25px;bottom:50%;left:50%;transform:translate(-50%,50%);opacity:0}.collapsed-preview:hover .clip-play{opacity:1}.clip-open{position:absolute;bottom:26px;right:22px;display:flex;gap:13px;align-items:center;color:#fff;font-size:9px;text-shadow:0 1px 8px #000;z-index:2}.clip-description{position:absolute;top:486px;width:min(56vw,800px);left:50%;transform:translate(-50%) translateY(12px);display:flex;gap:35px;opacity:0;transition:opacity .3s,transform .4s;pointer-events:none}.expanded .clip-description{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.25s}.clip-description>span{font-size:10px;letter-spacing:1px;color:#6f7a76;white-space:nowrap;padding-top:3px}.clip-description h2{font-size:16px;font-weight:400;color:var(--showcase-text);margin-bottom:11px}.clip-description p{font-size:11px;line-height:1.9;color:#75847c;max-width:480px}.detail-outro{padding:55px 5vw 90px;display:flex;align-items:center;justify-content:space-between;color:#616f68;font-size:11px}.detail-outro .line-action{font-size:11px}.detail-navigation{position:fixed;right:22px;bottom:25px;padding:10px 12px;display:flex;align-items:center;gap:7px;background:var(--showcase-control);border:1px solid #ffffff1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:25;border-radius:30px}.detail-navigation>span{font-size:10px;color:#a3aea7;padding:0 8px;letter-spacing:1px}.detail-navigation button{width:28px;height:28px;display:grid;place-items:center;color:#bdc7c0}.full-player{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:#030505f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:30px 4vw;outline:none}.full-player-heading{display:flex;align-items:center;gap:20px;min-height:40px;margin-bottom:22px}.full-player-heading>span{font-size:11px;color:#7e8b85}.full-player-heading h2{font-size:16px;font-weight:400;color:#c5cfc8}.full-player-heading>button{margin-left:auto;width:40px;height:40px;border:1px solid #ffffff24;border-radius:50%;display:grid;place-items:center}.full-player>video{width:100%;min-height:0;flex:1;object-fit:contain;background:#000}.full-player-description{max-width:620px;line-height:1.8;font-size:12px;color:#7d8b83;margin:25px 0 5px}.full-player-error{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:14px;color:#b1bcb5}.full-player-error button{padding:10px 25px;border:1px solid #ffffff40;border-radius:5px}.admin-app{--blue:#bacbd6}.admin-app .header{background:#101313ed}.admin-app .manager-title p,.admin-hint{color:#7a8480}.admin-app .primary,.modal .primary{background:#d6e1db;color:#142019}.admin-app .primary:hover,.modal .primary:hover{background:#ecf4ee}.admin-app .secondary,.modal .secondary{background:#161d18;border-color:#334039;color:#c4d0c8}.admin-app .secondary:hover{background:#222d26}.project-table,.form-section,.mini-card{background:#101512;border-color:#28312b}.project-row,.row-actions{border-color:#28312b}.row-description strong,.manager-title h1,.form-section h2{color:#dce5df}.row-description p,.manager-summary{color:#849087}.row-actions,.row-actions button:first-child{color:#b2c6b9}.publish-status{background:#202a24;color:#81988a}.publish-status.published{background:#1b3024;color:#97bca2}.field{color:#97a89d}.field input,.field textarea,.field select{background:#0c110e;border-color:#2a372e;color:#c9d8ce}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8da996;box-shadow:0 0 0 3px #8da9960c}.field input::placeholder,.field textarea::placeholder{color:#536158}.cover-upload{border-color:#36483b;background:#0b100d}.cover-upload>img{background:#0b100d}.cover-upload>span{background:#101a13de;border-color:#35483b;color:#a9bdae}.highlight-editor{border-color:#2c392f;background:#0d120f}.highlight-editor-head b{color:#93a399}.highlight-editor-head{color:#5f7364}.icon-button:hover{background:#29392e}.mini-placeholder{background:#18211b;color:#63786c}.mini-card p,.mini-card small{color:#7c9184}.publish-help h3{color:#9fb1a5}.publish-help p{color:#6d8375}.publish-help svg{color:#6f937c}.editor-save{background:#151e17f0;border-color:#354339;box-shadow:0 5px 30px #0007}.editor-save>div:first-child{color:#90a397}.category{color:#8b9e92}.modal-backdrop{background:#0009}.modal{background:#121a15;color:#d8e5dd;border:1px solid #2f3f34}.modal-head,.muted,.login-note{color:#8c9e92}.login-symbol{background:#263b2c;color:#bfd8c7}.toast{background:#d4e3d8;color:#17271b}.toast svg{color:#476950}.text-button{color:#b5cfbf}.admin-top{color:#7f9687}.admin-app .liked{color:#bddec9!important}@keyframes word-change{0%{opacity:0;transform:translate(calc(var(--direction)*50px))}to{opacity:1;transform:none}}@keyframes caption-change{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1600px){.orbit-card{width:260px;height:335px;transform:translate(-50%,-50%) translate(calc(var(--offset)*355px + var(--drag)*.6)) translateY(20px) rotate(calc(var(--offset)*13deg)) rotateY(calc(var(--offset)*-8deg)) scale(.84)}.clip-row.expanded{height:720px}.expanded .clip-visual{height:480px}.clip-big-title{top:290px}.clip-description{top:565px}.project-caption h1{font-size:45px}}@media(max-width:1000px){.header-inner{padding:0 5vw;height:80px}.header nav button.active:after{bottom:20px}.showcase-meta{top:110px}.project-caption{right:34%;bottom:130px}.orbit-card{width:190px;height:252px;transform:translate(-50%,-50%) translate(calc(var(--offset)*250px + var(--drag)*.6)) translateY(20px) rotate(calc(var(--offset)*13deg)) rotateY(calc(var(--offset)*-8deg)) scale(.84)}.project-word{font-size:24vw}.project-caption h1{font-size:33px}.project-caption p{font-size:11px}.clip-row.expanded{height:540px}.expanded .clip-visual{width:65vw;height:325px}.clip-visual{width:43vw}.clip-description{width:65vw;top:405px}.clip-big-title{top:212px;font-size:12vw}.project-detail{padding-top:95px}}@media(max-width:600px){.header-inner{height:76px;padding:0 25px;gap:20px}.vivo-logo{width:67px;height:20px}.brand-name,.brand-line{display:none}.header nav{margin-left:auto;margin-right:0;gap:23px;font-size:10px}.header nav button.active:after{bottom:19px}.manage-link{padding:9px 0 9px 7px}.manage-link svg{width:15px}.project-showcase{min-height:620px}.showcase-meta{top:109px;left:25px;right:25px;font-size:9px}.showcase-meta>span:last-child{font-size:9px}.project-word-wrap{top:40%;padding:18px 0}.project-word{font-size:30vw;letter-spacing:-.065em;color:#ffffff3d}.project-orbit{top:44%;height:290px}.orbit-card{width:168px;height:220px;border-radius:7px;transform:translate(-50%,-50%) translate(calc(var(--offset)*194px + var(--drag)*.4)) translateY(22px) rotate(calc(var(--offset)*14deg)) rotateY(calc(var(--offset)*-9deg)) scale(.84)}.orbit-card.current{transform:translate(-50%,-50%) translate(calc(var(--drag)*.4)) scale(1)}.orbit-card-label{font-size:11px;left:13px;right:12px;bottom:13px}.orbit-card-label svg{width:14px}.orbit-card-number{font-size:8px;left:13px;top:11px}.project-backdrop.visible{opacity:.5}.project-backdrop img{object-position:center}.project-caption{left:25px;right:25px;bottom:153px;padding-right:48px}.caption-category{font-size:9px;margin-bottom:10px;color:#98a5a0}.project-caption h1{font-size:29px;letter-spacing:-.8px}.project-caption p{font-size:11px;color:#98a5a0;margin-top:10px}.showcase-favorite{top:23px;width:32px;height:32px}.enter-project{bottom:101px;left:25px;right:auto;gap:24px;font-size:10px;padding-bottom:8px}.enter-project svg{width:15px}.showcase-bottom{left:25px;right:25px;bottom:27px;height:45px;padding-top:16px;gap:18px}.project-steps button{width:25px}.gesture-hint{font-size:8px;letter-spacing:0}.showcase-arrows{gap:10px}.showcase-arrows button{width:31px;height:31px}.showcase-arrows svg{width:15px}.project-detail{padding-top:88px}.detail-intro{padding:7px 23px 24px;gap:10px}.detail-return{font-size:9px;gap:5px}.detail-return svg{width:14px}.detail-project-title{display:block;text-align:center}.detail-project-title h1{font-size:17px;letter-spacing:-.2px}.detail-project-title>span{font-size:8px;display:block;margin-top:6px}.detail-favorite{width:25px;height:25px}.detail-favorite svg{width:15px}.clip-list{padding:0 14px}.clip-row{height:112px;scroll-margin-top:90px}.clip-row.expanded{height:477px}.clip-row-name{left:2px;top:13px;font-size:8px}.clip-row-right{right:2px;top:13px;gap:9px;font-size:8px}.clip-row-right svg{width:11px}.clip-visual{top:16px;width:52vw;height:79px}.expanded .clip-visual{top:47px;width:70vw;height:284px}.clip-image>video{object-fit:cover}.clip-big-title{top:190px;font-size:15vw;letter-spacing:-.04em;color:#c3cbc4}.clip-description{top:350px;width:78vw;gap:14px}.clip-description>span{font-size:8px;letter-spacing:0;padding-top:3px}.clip-description h2{font-size:13px;margin-bottom:8px}.clip-description p{font-size:10px;line-height:1.85;color:#82948a}.clip-play{width:30px;height:30px;left:12px;bottom:14px}.clip-play svg{width:12px}.clip-open{right:12px;bottom:23px;font-size:8px;gap:7px}.clip-open svg{width:12px}.detail-outro{padding:37px 23px 95px;font-size:9px;gap:15px}.detail-outro .line-action{font-size:9px;gap:12px}.detail-navigation{right:18px;bottom:20px;padding:7px 9px}.detail-navigation>span{font-size:9px}.detail-navigation button{width:25px;height:25px}.full-player{padding:22px 16px 30px}.full-player-heading{flex-wrap:wrap;gap:10px;margin-bottom:20px}.full-player-heading>span{font-size:9px}.full-player-heading h2{font-size:13px}.full-player-heading>button{width:32px;height:32px}.full-player-heading>button svg{width:18px}.full-player-description{font-size:11px;line-height:1.9}.admin-app .header-inner{height:76px}.admin-app .brand-name{display:none}}@media(max-height:740px)and (min-width:601px){.project-showcase{min-height:620px}.showcase-meta{top:100px}.orbit-card{width:180px;height:230px}.project-orbit{top:45%}.project-caption{bottom:110px}.project-caption h1{font-size:28px}.enter-project{bottom:129px}.caption-category{margin-bottom:8px}.project-caption p{margin-top:8px}.showcase-bottom{bottom:25px}}@media(prefers-reduced-motion:reduce){.project-word,.project-caption{animation:none}.orbit-card,.project-backdrop,.clip-row,.clip-visual,.clip-description{transition:none}}.project-showcase{--orbit-width:min(56vw,73.6svh,900px);--orbit-gap:calc(var(--orbit-width)*1.04)}.project-orbit{top:46%;height:calc(var(--orbit-width)*.625 + 80px)}.orbit-card{width:var(--orbit-width);height:auto;aspect-ratio:16/10;transform:translate(-50%,-50%) translate(calc(var(--offset)*var(--orbit-gap) + var(--drag)*.6)) translateY(24px) rotate(calc(var(--offset)*8deg)) rotateY(calc(var(--offset)*-7deg)) scale(.84);border-radius:12px}.orbit-card.current{transform:translate(-50%,-50%) translate(calc(var(--drag)*.6)) scale(1)}.orbit-card-label{left:23px;right:23px;bottom:21px;font-size:16px}.orbit-card-number{left:23px;top:20px;font-size:10px}.showcase-meta{top:120px;align-items:center}.showcase-product-title{display:flex;align-items:baseline;gap:13px;line-height:1.25;letter-spacing:-.8px;font-size:36px;color:#e7ece9;font-weight:400;animation:caption-change .4s ease both}.showcase-product-title em{font-style:normal;font-size:.7em;letter-spacing:0;color:#a4b0aa}.project-caption{bottom:126px}.project-caption h2{font-size:23px;line-height:1.5;letter-spacing:-.4px;font-weight:400;color:#d2dcd6}.showcase-favorite{top:12px}.clip-row{--frame-width:min(72vw,89.6svh,1040px);--frame-height:calc(var(--frame-width)*.625);--thumb-width:176px;--thumb-height:110px;height:156px}.clip-row[data-format=portrait]{--frame-height:min(63svh,600px);--frame-width:calc(var(--frame-height)*6/13);--thumb-height:110px;--thumb-width:calc(var(--thumb-height)*6/13)}.clip-row.expanded{height:calc(var(--frame-height) + 220px)}.clip-visual{top:23px;width:var(--thumb-width);height:var(--thumb-height)}.expanded .clip-visual{top:49px;width:var(--frame-width);height:var(--frame-height)}.clip-image{border-radius:8px}.clip-row[data-format=portrait] .clip-image{border-radius:22px}.clip-image>img,.clip-image>video{object-fit:cover}.clip-big-title{top:calc(var(--frame-height)*.5 + 49px)}.clip-description{top:calc(var(--frame-height) + 79px);width:min(72vw,800px)}.clip-row[data-format=portrait] .clip-description{width:min(72vw,600px)}.clip-row[data-format=portrait] .clip-open{font-size:9px;right:14px;bottom:30px;gap:6px}.clip-row[data-format=portrait] .clip-play{left:13px;bottom:18px;width:32px;height:32px}@media(min-width:1600px){.showcase-product-title{font-size:42px}.showcase-meta{top:133px}.project-caption h2{font-size:27px}}@media(max-width:1000px){.showcase-product-title{font-size:30px}.showcase-meta{top:105px}.project-caption h2{font-size:21px}.clip-row{--frame-width:min(79vw,89.6svh,1040px)}.clip-row[data-format=portrait]{--frame-height:min(63svh,580px);--frame-width:calc(var(--frame-height)*6/13)}}@media(max-width:600px){.project-showcase{--orbit-width:88vw;--orbit-gap:calc(var(--orbit-width)*1.04)}.project-orbit{top:44%;height:calc(var(--orbit-width)*.625 + 60px)}.orbit-card{border-radius:9px;transform:translate(-50%,-50%) translate(calc(var(--offset)*var(--orbit-gap) + var(--drag)*.4)) translateY(17px) rotate(calc(var(--offset)*8deg)) rotateY(calc(var(--offset)*-7deg)) scale(.84)}.orbit-card.current{transform:translate(-50%,-50%) translate(calc(var(--drag)*.4)) scale(1)}.orbit-card-label{left:16px;right:15px;bottom:14px;font-size:13px}.orbit-card-number{left:16px;top:14px;font-size:9px}.showcase-meta{top:110px;gap:13px;align-items:center}.showcase-meta>span:last-child{white-space:nowrap;font-size:8px;letter-spacing:.7px}.showcase-meta i{margin:0 7px}.showcase-product-title{font-size:27px;gap:9px;letter-spacing:-.6px}.showcase-product-title em{font-size:16px}.project-caption{bottom:157px}.project-caption h2{font-size:18px;line-height:1.5}.caption-category{margin-bottom:9px}.showcase-favorite{top:13px}.detail-project-title h1{font-size:16px}.clip-row{--frame-width:86vw;--frame-height:calc(var(--frame-width)*.625);--thumb-width:144px;--thumb-height:90px;height:128px}.clip-row[data-format=portrait]{--frame-height:min(59svh,520px);--frame-width:calc(var(--frame-height)*6/13);--thumb-height:90px;--thumb-width:calc(var(--thumb-height)*6/13)}.clip-row.expanded{height:calc(var(--frame-height) + 208px)}.clip-visual{top:19px;width:var(--thumb-width);height:var(--thumb-height)}.expanded .clip-visual{top:47px;width:var(--frame-width);height:var(--frame-height)}.clip-big-title{top:calc(var(--frame-height)*.5 + 47px)}.clip-description,.clip-row[data-format=portrait] .clip-description{top:calc(var(--frame-height) + 69px);width:82vw;gap:14px}.clip-image{border-radius:6px}.clip-row[data-format=portrait] .clip-image{border-radius:20px}.clip-row[data-format=portrait] .clip-open{font-size:8px;bottom:23px;right:12px;gap:5px}.clip-row[data-format=portrait] .clip-play{bottom:14px;left:12px;width:28px;height:28px}}@media(max-height:740px)and (min-width:601px){.showcase-meta{top:98px}.showcase-product-title{font-size:29px}.project-caption{bottom:112px}.project-caption h2{font-size:20px}}.project-showcase{--orbit-width:min(56vw,64svh,900px);--arc-radius:calc(var(--orbit-width)*1.4);--arc-step:20deg}.project-orbit{top:42%;height:calc(var(--orbit-width)*.625 + 90px)}.project-orbit .orbit-card,.project-orbit .orbit-card.current{transform-origin:50% calc(50% + var(--arc-radius));transform:translate(-50%,-50%) rotate(calc(var(--offset)*var(--arc-step) + var(--drag-angle,0deg)));background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;filter:none;opacity:1;transition:transform .72s cubic-bezier(.22,.7,.2,1)}.project-orbit .orbit-card{z-index:1}.project-orbit .orbit-card.current{z-index:3}.orbit-card-surface{position:relative;display:block;width:100%;height:100%;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:#111a1b;border:1px solid #ffffff3b;box-shadow:0 18px 45px #0008;transform:scale(.9);filter:brightness(.86);opacity:.93;transition:transform .72s cubic-bezier(.22,.7,.2,1),filter .55s,opacity .55s;pointer-events:none}.current .orbit-card-surface{transform:scale(1);filter:brightness(1);opacity:1;border-color:#ffffff60;box-shadow:0 24px 65px #0009}.project-orbit.dragging .orbit-card{transition:none}@media(max-width:600px){.project-showcase{--orbit-width:82vw;--arc-radius:calc(var(--orbit-width)*1.4);--arc-step:20deg}.project-orbit{top:43%;height:calc(var(--orbit-width)*.625 + 90px)}.orbit-card-surface{border-radius:9px;box-shadow:0 12px 26px #0008}.current .orbit-card-surface{box-shadow:0 20px 40px #0009}}@media(prefers-reduced-motion:reduce){.project-orbit .orbit-card,.orbit-card-surface{transition:none}}.collage-home{position:relative;isolation:isolate;overflow:hidden;background:var(--showcase-bg);color:var(--showcase-text);min-height:100svh;padding:135px 0 90px}.collage-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1200px;padding:0 5vw;margin:0 auto 108px}.collage-heading h1{font-size:28px;font-weight:500;letter-spacing:-.65px;line-height:1.4;color:var(--showcase-text);animation:caption-change .3s ease-out}.collage-heading h1>span{font-size:20px;margin-left:7px;color:var(--showcase-muted);letter-spacing:0}.collage-heading>div{display:flex;gap:20px;align-items:center;font-size:10px;color:var(--showcase-muted)}.collage-heading b{font-weight:400;font-size:10px;letter-spacing:1.4px;color:#a2afa6;white-space:nowrap}.collage-stack{position:relative;display:flex;flex-direction:column;align-items:center;max-width:1440px;margin:0 auto;padding:0 0 40px}.collage-slot{position:relative;width:min(70vw,920px);--base-x:-2vw;--base-rotate:-14deg;scroll-margin:120px}.collage-slot+.collage-slot{margin-top:clamp(12px,1.2vw,20px)}.collage-slot[data-position="1"]{--base-x:2.5vw;--base-rotate:14deg}.collage-slot[data-position="2"]{--base-x:-1.5vw;--base-rotate:-13deg}.collage-project{position:relative;width:100%;transform:perspective(1400px) translate3d(calc(var(--base-x) + var(--scroll-x,0px)),var(--scroll-y,0px),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(calc(var(--base-rotate) + var(--scroll-rotate,0deg))) scale(var(--scroll-scale,1));transform-origin:center;z-index:2}.collage-project.selected{z-index:3}.collage-slot[data-moving=true] .collage-project{will-change:transform}.collage-product-name{position:absolute;top:-76px;right:0;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:clamp(40px,5.2vw,74px);line-height:1;font-weight:500;letter-spacing:-1.8px;color:var(--showcase-muted);opacity:.72;transform:translateY(var(--name-y,0px))}.collage-slot[data-position="1"] .collage-product-name{right:auto;left:-2%}.collage-slot[data-position="2"] .collage-product-name{right:5%}.collage-open{display:flex;flex-direction:column;width:100%;aspect-ratio:16/10;padding:0;overflow:hidden;background:#eff2ed;border-radius:var(--showcase-radius);color:#1d2220;border:1px solid var(--showcase-rule);box-shadow:0 15px 45px #0005;text-align:left;transition:box-shadow .3s}.collage-open:hover{box-shadow:0 20px 60px #0007}.collage-open:focus-visible{outline:2px solid #a6bcb0;outline-offset:7px}.collage-sitebar{flex:0 0 8%;min-height:28px;padding:0 3%;display:flex;align-items:center;gap:4%;width:100%;border-bottom:1px solid #00000012;background:#eff2ed;color:#454d48;font-size:12px;line-height:1}.collage-sitebar>img{width:9%;max-width:80px;height:auto;max-height:23px;object-fit:contain;filter:brightness(0)}.collage-sitebar>span:not(.sitebar-links):not(.sitebar-menu){font-size:12px;color:#454d48;letter-spacing:-.1px}.sitebar-links{display:flex;gap:28px;margin-left:auto;color:#66736b;font-size:9px}.sitebar-menu{margin-left:auto;width:15px;display:flex;flex-direction:column;gap:4px}.sitebar-menu i{display:block;width:100%;height:1px;background:#526159}.collage-sitevisual{position:relative;display:block;flex:1;min-height:0;width:100%;overflow:hidden;background:#fff}.collage-media{position:absolute;inset:0;display:block;transform:translateY(var(--media-y,0%)) scale(1.075)}.collage-media>img,.collage-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.collage-media>video{transition:opacity .35s ease}.collage-sitecaption{flex:0 0 9%;min-height:38px;width:100%;display:flex;align-items:center;gap:24px;padding:0 3%;background:#eff2ed;border-top:1px solid #0000000c}.collage-sitecaption>strong{font-size:16px;letter-spacing:-.25px;font-weight:400}.collage-sitecaption>span{font-size:10px;color:#7a897f}.collage-sitecaption>svg{margin-left:auto;color:#4f6457}.collage-favorite{position:absolute;bottom:1.7%;right:7%;z-index:2;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#708476}.collage-favorite:hover{background:#e5ebe1;color:#345b40}.collage-favorite.liked{color:#345b40!important}.collage-end{display:flex;align-items:center;justify-content:center;gap:20px;padding:65px 0 20px;color:var(--showcase-muted);font-size:10px}.collage-end>button{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--showcase-rule);border-radius:50%;color:#bdc7c0;background:var(--showcase-control)}.collage-pager{position:fixed;bottom:25px;right:22px;z-index:29;display:flex;align-items:center;gap:7px;background:var(--showcase-control);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff1a;border-radius:30px;padding:10px 12px}.collage-pager>span{font-size:10px;color:#a3aea7;letter-spacing:1px;margin:0 8px}.collage-pager i{font-style:normal;color:#6c7a70;padding:0 4px}.collage-pager>button{width:28px;height:28px;display:grid;place-items:center;color:#bdc7c0;border-radius:50%}.collage-pager>button:hover{background:#ffffff0d}.collage-pager>.collage-preview-toggle{margin-right:4px;color:var(--showcase-muted)}@media(min-width:1800px){.collage-heading{max-width:1380px}.collage-slot{width:min(68vw,1050px)}}@media(max-width:1000px){.collage-home{padding-top:122px}.collage-heading{margin-bottom:94px}.collage-heading h1{font-size:26px}.collage-heading h1>span{font-size:18px}.collage-slot{width:76vw}.collage-product-name{top:-65px}.collage-sitebar{min-height:24px}.collage-sitebar>span:not(.sitebar-links):not(.sitebar-menu){font-size:10px}.sitebar-links{font-size:8px;gap:19px}.collage-sitecaption>strong{font-size:14px}.collage-sitecaption>span{font-size:9px}.collage-sitecaption{gap:16px;min-height:34px}.collage-favorite{bottom:1.3%;right:7%;width:29px;height:29px}.collage-favorite svg{width:14px}}@media(max-width:600px){.collage-home{padding-top:111px;padding-bottom:70px}.collage-heading{padding:0;margin:0 25px 82px;gap:12px;align-items:center}.collage-heading h1{font-size:23px;line-height:1.4;letter-spacing:-.5px}.collage-heading h1>span{font-size:15px;margin-left:4px}.collage-heading>div{gap:7px;flex-direction:column;align-items:flex-end;font-size:8px}.collage-heading b{font-size:9px;letter-spacing:1px}.collage-stack{padding-bottom:22px}.collage-slot{width:80vw;--base-x:-1.2vw;--base-rotate:-13deg}.collage-slot+.collage-slot{margin-top:12px}.collage-slot[data-position="1"]{--base-x:1.2vw;--base-rotate:14deg}.collage-slot[data-position="2"]{--base-x:-.7vw;--base-rotate:-13deg}.collage-product-name{font-size:36px;top:-51px;right:2%;letter-spacing:-1px;opacity:.7}.collage-open{border-radius:6px;box-shadow:0 10px 28px #0005}.collage-sitebar{flex-basis:9%;min-height:20px;padding:0 3%;gap:6%}.collage-sitebar>img{width:11%;max-height:12px}.collage-sitebar>span:not(.sitebar-links):not(.sitebar-menu){font-size:7px}.sitebar-links{font-size:5px;gap:10px}.sitebar-menu{width:9px;gap:3px}.collage-sitecaption{flex-basis:11%;min-height:25px;gap:8px;padding:0 3%}.collage-sitecaption>strong{font-size:10px;letter-spacing:-.1px}.collage-sitecaption>span{font-size:6px}.collage-sitecaption>svg{width:13px;height:13px}.collage-favorite{width:24px;height:24px;right:8%;bottom:.5%}.collage-favorite svg{width:11px;height:11px}.collage-end{padding:40px 0 25px;font-size:9px;gap:15px}.collage-end>button{width:30px;height:30px}.collage-end svg{width:15px}.collage-pager{bottom:20px;right:18px;padding:7px 9px}.collage-pager>span{font-size:9px;margin:0 8px}.collage-pager>button{width:25px;height:25px}.collage-pager>button svg{width:15px}}@media(prefers-reduced-motion:reduce){.collage-open,.collage-media>video{transition:none}.collage-project{transform:translate(var(--base-x)) rotate(var(--base-rotate))}.collage-media,.collage-product-name{transform:none}}