/* 立壹上线工作室 / shared surface layer */
:root{--studio-blue:#0d4dff;--studio-cyan:#35d8ff;--studio-ink:#09152d;--studio-paper:#f7fbff;--studio-line:#d6e5f4;--studio-shadow:0 24px 70px rgba(11,47,103,.14)}
body[data-studio-page]{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif!important}
body[data-studio-page] h1,body[data-studio-page] h2,body[data-studio-page] h3{letter-spacing:-.055em!important}
body[data-studio-page] header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body[data-studio-page="hub"]{background:radial-gradient(circle at 84% 8%,#dcebff 0,transparent 31%),#f3f7fd!important;color:var(--studio-ink)}
body[data-studio-page="hub"] .top{background:rgba(255,255,255,.76)!important;border-bottom-color:#cbdcf0!important}
body[data-studio-page="hub"] .tool-card,body[data-studio-page="hub"] .panel{border:1px solid rgba(102,145,196,.2)!important;box-shadow:var(--studio-shadow);transition:transform .28s,box-shadow .28s,border-color .28s}
body[data-studio-page="hub"] .tool-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(21,87,182,.18);border-color:#77b4ff!important}
body[data-studio-page="publish"]{background:#eef6f5!important}
body[data-studio-page="publish"] .card,body[data-studio-page="publish"] .drop,body[data-studio-page="publish"] .preview{box-shadow:0 18px 50px rgba(17,81,80,.11)!important;border-color:#c8e0df!important}
body[data-studio-page="copy"]{background:linear-gradient(135deg,#f2efff,#f7fbff 60%)!important}
body[data-studio-page="copy"] header{background:rgba(255,255,255,.72)!important;border-bottom:1px solid #dfd8f5!important}
body[data-studio-page="copy"] .paper,body[data-studio-page="copy"] .manuscript,body[data-studio-page="copy"] .brief,body[data-studio-page="copy"] .margin{box-shadow:0 20px 60px rgba(65,45,137,.1)!important;border-color:#dfd8f5!important}
body[data-studio-page="copy"] button.primary,body[data-studio-page="copy"] .primary{background:#6350d8!important;box-shadow:0 10px 24px rgba(99,80,216,.25)}
body[data-studio-page="quote"]{background:radial-gradient(circle at 90% 0,#e5edff,transparent 34%),#e9eef5!important}
body[data-studio-page="quote"] .projectbar{box-shadow:0 10px 35px rgba(35,58,105,.1)!important}
body[data-studio-page="quote"] .paper,body[data-studio-page="quote"] .inspector,body[data-studio-page="quote"] .scope-inspector{box-shadow:0 24px 70px rgba(45,65,100,.16)!important}
body[data-studio-page="quote"] button{border-radius:10px!important;transition:transform .2s,box-shadow .2s}
body[data-studio-page="quote"] button:hover{box-shadow:0 8px 20px rgba(45,72,145,.14)}
body[data-studio-page="card"]{background:radial-gradient(circle at 18% 0,#0e4d9b,transparent 30%),#061123!important}
body[data-studio-page="card"] .top{background:rgba(6,17,35,.78)!important;border-color:rgba(130,208,255,.18)!important}
body[data-studio-page="card"] .stage,body[data-studio-page="card"] .atelier{background:transparent!important}
body[data-studio-page="card"] .panel,body[data-studio-page="card"] .preview-panel,body[data-studio-page="card"] .layout-card{box-shadow:0 22px 70px rgba(0,0,0,.28)!important;border-color:rgba(126,201,255,.2)!important}
body[data-studio-page="reply"]{background:linear-gradient(135deg,#eef6ff,#f7f9ff)!important}
body[data-studio-page="reply"] .top{background:rgba(255,255,255,.78)!important;border-color:#d7e5f4!important}
body[data-studio-page="reply"] .hero,body[data-studio-page="reply"] .demo-card,body[data-studio-page="reply"] .faq-card{box-shadow:0 20px 60px rgba(31,77,142,.1)!important}
button,a,input,textarea,select{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(28,119,255,.5)!important;outline-offset:3px!important}
button,.button,.primary,.cta{transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important}
button:hover,.button:hover,.primary:hover,.cta:hover{transform:translateY(-3px)}
button:active,.button:active,.primary:active,.cta:active{transform:translateY(0) scale(.98)}
dialog{border:0!important;border-radius:20px!important;box-shadow:0 28px 100px rgba(6,26,61,.3)!important;padding:0!important;max-width:min(680px,calc(100% - 28px))!important;overflow:hidden}
dialog::backdrop{background:rgba(2,15,38,.58);backdrop-filter:blur(7px)}
@media(max-width:760px){body[data-studio-page] .wrap,body[data-studio-page] .shell{width:calc(100% - 32px)!important}body[data-studio-page="hub"] h1{font-size:clamp(42px,12vw,70px)!important;line-height:1.08!important}body[data-studio-page="hub"] .tool-card{min-height:170px}body[data-studio-page="copy"] .wrap{width:calc(100% - 28px)!important}body[data-studio-page="quote"] .paper-stage{padding:16px!important}body[data-studio-page="card"] .atelier{padding:18px 12px!important}body[data-studio-page="reply"] .hero{padding-top:35px!important}body[data-studio-page] input,body[data-studio-page] textarea,body[data-studio-page] select{font-size:16px!important}body[data-studio-page] button{min-height:46px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}