#yunli-studio-preview .zp-page{--zp-bg:#f2f5f8;--zp-panel:#ffffff;--zp-text:#252a33;--zp-muted:#687181;--zp-line:#dfe6ed;--zp-blue:#5673b8;--zp-pink:#b875a0;--zp-soft:#e8eef9;font:14px/1.7 "Microsoft YaHei","PingFang SC",sans-serif;color:var(--zp-text);padding:23px 28px 0;position:relative;isolation:isolate;background:radial-gradient(ellipse at 8% 10%,#bce7f477,transparent 45%),radial-gradient(ellipse at 92% 54%,#f1d8e37a,transparent 50%),var(--zp-bg);box-sizing:border-box}
#yunli-studio-preview .zp-page *{box-sizing:border-box}#yunli-studio-preview [hidden]{display:none!important}#yunli-studio-preview h1,#yunli-studio-preview h2,#yunli-studio-preview p{margin:0}#yunli-studio-preview button{font:inherit;color:inherit;border:0;background:none;text-align:left}#yunli-studio-preview svg{width:18px;height:18px;flex-shrink:0;vertical-align:middle}#yunli-studio-preview .zp-header{display:flex;align-items:center;gap:20px;min-height:45px}#yunli-studio-preview .zp-brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;padding:0;white-space:nowrap}#yunli-studio-preview .zp-brand>span{display:grid;place-items:center;width:27px;height:27px;background:var(--zp-text);color:var(--zp-panel);border-radius:9px;font-size:16px}#yunli-studio-preview .zp-brand>small{font-size:11px;color:var(--zp-muted);font-weight:400;margin-left:4px}#yunli-studio-preview .zp-header nav{display:flex;gap:2px;margin:auto;background:var(--zp-panel);border:1px solid var(--zp-line);padding:4px;border-radius:30px;box-shadow:0 4px 12px #253c5d0a}#yunli-studio-preview .zp-header nav button{font-size:12px;padding:5px 19px;border-radius:20px;transition:background .2s}#yunli-studio-preview .zp-header nav button:hover{background:var(--zp-soft)}#yunli-studio-preview .zp-login{font-size:11px;display:flex;align-items:center;gap:6px;padding:8px 0}#yunli-studio-preview .zp-intro-line{display:flex;justify-content:space-between;color:var(--zp-muted);font-size:10px;letter-spacing:.6px;margin:25px 4px 15px}#yunli-studio-preview .zp-intro-line>span:last-child{font-size:9px;letter-spacing:1.4px}#yunli-studio-preview .zp-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px}#yunli-studio-preview .zp-tile{border:1px solid #ffffff;background:var(--zp-panel);border-radius:25px;overflow:hidden;position:relative;box-shadow:0 8px 24px #314a6510;min-width:0;transition:transform .24s,box-shadow .24s}#yunli-studio-preview button.zp-tile:hover{transform:translateY(-4px);box-shadow:0 12px 30px #314a6524}#yunli-studio-preview .zp-bio{grid-column:span 2;grid-row:span 2;padding:28px 28px 25px;background:linear-gradient(135deg,#f8fcff,#f9f5f5);display:flex;flex-direction:column}#yunli-studio-preview .zp-bio-head{display:flex;align-items:center;gap:13px}#yunli-studio-preview .zp-monogram{width:43px;height:43px;flex-shrink:0;display:grid;place-content:center;border-radius:15px;background:linear-gradient(135deg,#d4e8f5,#e4d6ee);color:var(--zp-text);font-size:19px;font-weight:500;position:relative}#yunli-studio-preview .zp-monogram>span{position:absolute;right:2px;bottom:1px;font-size:10px}#yunli-studio-preview .zp-bio-head>div{display:flex;flex-direction:column;gap:1px}#yunli-studio-preview .zp-bio-head strong{font-size:13px;font-weight:500}#yunli-studio-preview .zp-bio-head>div>span{font-size:10px;color:var(--zp-muted)}#yunli-studio-preview .zp-small-star{margin-left:auto;font-size:27px;color:var(--zp-blue)}#yunli-studio-preview .zp-bio-title{font-size:clamp(40px,5.2vw,57px);font-weight:600;line-height:1.5;letter-spacing:-2px;margin:30px 0 20px}#yunli-studio-preview .zp-gradient-word{background:linear-gradient(100deg,var(--zp-blue),var(--zp-pink));background-clip:text;-webkit-background-clip:text;color:transparent}#yunli-studio-preview .zp-bio>p{font-size:18px;line-height:1.8;font-weight:400}#yunli-studio-preview .zp-bio .zp-bio-desc{font-size:12px;color:var(--zp-muted);line-height:2;margin:14px 0 30px}#yunli-studio-preview .zp-bio-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:15px}#yunli-studio-preview .zp-dark-button{display:flex;align-items:center;justify-content:center;gap:17px;background:var(--zp-text);color:var(--zp-panel);border-radius:25px;padding:12px 18px;font-size:11px}#yunli-studio-preview .zp-circle{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;border:1px solid var(--zp-line);background:var(--zp-panel)}#yunli-studio-preview .zp-work,#yunli-studio-preview .zp-screen{grid-column:span 2;min-height:242px;padding:23px;display:grid;grid-template-columns:.92fr 1.08fr;gap:10px;align-items:center}#yunli-studio-preview .zp-work{background:linear-gradient(135deg,#fffdfd,#f4eff8)}#yunli-studio-preview .zp-tile-copy{position:relative;z-index:1;min-width:0}#yunli-studio-preview .zp-eyebrow{font-size:9px;letter-spacing:.7px;color:var(--zp-muted);display:block}#yunli-studio-preview .zp-tile-copy h2{font-size:26px;line-height:1.45;letter-spacing:-.7px;font-weight:500;margin:8px 0 9px}#yunli-studio-preview .zp-tile-copy p{font-size:11px;color:var(--zp-muted);line-height:1.9}#yunli-studio-preview .zp-entry{display:flex;gap:9px;align-items:center;font-size:10px;color:var(--zp-blue);margin-top:20px}#yunli-studio-preview .zp-entry svg{width:14px;height:14px}#yunli-studio-preview .zp-corner-arrow{position:absolute;right:15px;top:13px;color:var(--zp-muted)}#yunli-studio-preview .zp-corner-arrow svg{width:14px;height:14px}#yunli-studio-preview .zp-work-demo{border:1px solid var(--zp-line);background:var(--zp-panel);border-radius:14px;padding:11px 12px;transform:rotate(-3deg) translateX(9px);box-shadow:0 12px 24px #7f6f8c12;min-width:0}#yunli-studio-preview .zp-demo-top{display:flex;gap:7px;align-items:center;font-size:8px;padding-bottom:8px;border-bottom:1px solid var(--zp-line)}#yunli-studio-preview .zp-demo-mark{color:var(--zp-blue);font-size:9px;font-weight:600}#yunli-studio-preview .zp-demo-top small{margin-left:auto;color:var(--zp-muted);font-size:8px}#yunli-studio-preview .zp-demo-welcome{font-size:9px;margin:10px 0;color:var(--zp-text)}#yunli-studio-preview .zp-demo-assistant{display:flex;align-items:center;gap:5px;font-size:8px;background:var(--zp-soft);border-radius:6px;padding:7px 5px;color:var(--zp-blue);white-space:nowrap}#yunli-studio-preview .zp-demo-assistant svg{width:11px;height:11px}#yunli-studio-preview .zp-demo-assistant>span{font-size:7px;margin-left:auto}#yunli-studio-preview .zp-demo-list{display:grid;gap:2px;margin-top:7px}#yunli-studio-preview .zp-demo-list>span{display:flex;gap:6px;align-items:center;font-size:8px;padding:5px 1px}#yunli-studio-preview .zp-demo-list svg{width:11px;height:11px;color:var(--zp-muted)}#yunli-studio-preview .zp-demo-list b{font-size:7px;font-weight:400;color:var(--zp-muted);margin-left:auto}#yunli-studio-preview .zp-screen{background:linear-gradient(135deg,#f5fafc,#e8eff6)}#yunli-studio-preview .zp-device{position:relative;min-height:160px;align-self:center;background:#192332;color:#eff5ff;border:5px solid #414b59;border-bottom-width:8px;border-radius:11px;padding:10px 10px;transform:rotate(4deg) translateX(8px);box-shadow:0 14px 22px #273e5c29;font-size:8px}#yunli-studio-preview .zp-device-head{display:flex;justify-content:space-between;gap:8px;font-size:7px;margin-bottom:14px;color:#c5d4e8}#yunli-studio-preview .zp-device-head small{font-size:7px}#yunli-studio-preview .zp-device-state{font-size:7px;color:#b1c5ed}#yunli-studio-preview .zp-device-time{display:block;font-size:34px;letter-spacing:-1.2px;font-weight:400;line-height:1.4;font-variant-numeric:tabular-nums}#yunli-studio-preview .zp-device-time>span{font-size:12px;color:#b5c5dc;letter-spacing:0}#yunli-studio-preview .zp-device-next{display:flex;align-items:center;gap:5px;font-size:7px;color:#bdcce1}#yunli-studio-preview .zp-device-next strong{font-size:9px;font-weight:500;color:#f1f5fc}#yunli-studio-preview .zp-device-line{height:2px;background:linear-gradient(90deg,#b6c6ef 70%,#3a485b 70%);margin:12px 0 8px}#yunli-studio-preview .zp-device p{font-size:7px;color:#b9c9df}
#yunli-studio-preview .zp-notes{grid-column:span 2;min-height:290px;padding:23px;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(140deg,#dddce7,#eee8dc)}#yunli-studio-preview .zp-notes-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;align-self:start;z-index:1}#yunli-studio-preview .zp-book-scene{position:relative;min-height:200px;isolation:isolate}#yunli-studio-preview .zp-book{position:absolute;width:128px;height:174px;background:#f6f2e7;color:#40514b;padding:18px 16px;left:25px;top:18px;transform:rotate(-10deg);box-shadow:inset -4px 0 #d1c9b8,9px 11px 17px #3d40302b;border-radius:2px 4px 4px 2px;z-index:2}#yunli-studio-preview .zp-book>span{font-size:7px;letter-spacing:1.5px}#yunli-studio-preview .zp-book strong{font-family:"SimSun",serif;display:block;font-size:29px;font-weight:400;line-height:1.5;margin-top:14px}#yunli-studio-preview .zp-book small{position:absolute;bottom:16px;font-size:7px;letter-spacing:1px}#yunli-studio-preview .zp-book-back{position:absolute;background:#698b8b;width:133px;height:166px;left:38px;top:20px;transform:rotate(7deg);box-shadow:8px 9px 20px #373d3920;z-index:1}#yunli-studio-preview .zp-notes-caption{align-self:center;padding-left:15px}#yunli-studio-preview .zp-notes-caption h2{font-size:23px;font-weight:500;line-height:1.7;letter-spacing:-.5px}#yunli-studio-preview .zp-notes-caption p{font-size:10px;color:var(--zp-muted);margin-top:14px}#yunli-studio-preview .zp-notes-caption>small{font-size:9px;color:var(--zp-muted);display:block;margin-top:17px}#yunli-studio-preview .zp-thought{grid-column:span 1;padding:23px;background:linear-gradient(140deg,#e9eefb,#ece5f0);min-height:290px}#yunli-studio-preview .zp-thought-mark{font-family:Georgia,serif;font-size:75px;line-height:1;color:var(--zp-blue);height:65px;margin-top:15px;opacity:.7}#yunli-studio-preview .zp-thought h2{font-size:21px;font-weight:500;line-height:1.7;position:relative;z-index:1}#yunli-studio-preview .zp-thought p{font-size:10px;line-height:1.9;color:var(--zp-muted);margin-top:14px;position:relative;z-index:1}#yunli-studio-preview .zp-thought .zp-entry{position:relative;z-index:1}#yunli-studio-preview .zp-orbit{position:absolute;width:150px;height:150px;border:1px solid #b4b8db80;border-radius:50%;right:-80px;top:30px;box-shadow:0 0 0 18px #c3c9e525,0 0 0 36px #c3c9e51a}#yunli-studio-preview .zp-archive{grid-column:span 1;min-height:290px;padding:23px;background:linear-gradient(140deg,#f6f2e9,#f9f8f4)}#yunli-studio-preview .zp-archive-head{display:flex;align-items:center;gap:7px;color:var(--zp-muted)}#yunli-studio-preview .zp-archive-head svg{width:14px;height:14px}#yunli-studio-preview .zp-archive-head span{font-size:8px;letter-spacing:.4px}#yunli-studio-preview .zp-archive h2{font-size:21px;font-weight:500;line-height:1.7;margin-top:18px}#yunli-studio-preview .zp-paper-stack{position:relative;height:95px;isolation:isolate;margin-top:15px}#yunli-studio-preview .zp-paper-stack>span{position:absolute;inset:0 9px auto;height:110px;background:#d8e0db;border-radius:6px;transform:rotate(9deg);box-shadow:0 5px 15px #31362d15}#yunli-studio-preview .zp-paper-stack>span:nth-child(2){background:#e8dfd1;transform:rotate(-7deg);inset:5px 5px auto}#yunli-studio-preview .zp-paper-stack>span:last-child{background:#fffdf7;color:#46554c;transform:rotate(-2deg);padding:12px;inset:9px 0 auto}#yunli-studio-preview .zp-paper-stack small{font-size:6px;display:block}#yunli-studio-preview .zp-paper-stack b{font-size:12px;font-weight:500;line-height:1.7;display:block;margin-top:8px}#yunli-studio-preview .zp-paper-stack em{font-size:5px;font-style:normal;letter-spacing:1.2px;display:block;margin-top:8px}#yunli-studio-preview .zp-archive-foot{position:relative;z-index:4;display:flex;gap:9px;align-items:center;font-size:9px;background:var(--zp-panel);border:1px solid var(--zp-line);border-radius:30px;padding:6px 10px;margin-top:2px;width:fit-content}#yunli-studio-preview .zp-archive-foot svg{width:12px;height:12px}#yunli-studio-preview .zp-footer{display:flex;align-items:center;gap:15px;color:var(--zp-muted);font-size:10px;padding:24px 4px}#yunli-studio-preview .zp-footer strong{font-weight:500;font-size:11px}#yunli-studio-preview .zp-footer>span{margin-left:auto}#yunli-studio-preview .zp-footer button{display:flex;gap:6px;align-items:center;font-size:10px;padding:5px 0}#yunli-studio-preview .zp-footer svg{width:12px;height:12px}
#yunli-studio-preview .zp-panel{position:relative;padding:25px;margin-top:18px;border:1px solid var(--zp-line);background:var(--zp-panel);border-radius:20px}#yunli-studio-preview .zp-panel h2{font-size:24px;font-weight:500;margin:8px 0 12px}#yunli-studio-preview .zp-panel p{font-size:13px;color:var(--zp-muted);max-width:680px;line-height:1.9}#yunli-studio-preview .zp-close{position:absolute;right:9px;top:9px;padding:12px}#yunli-studio-preview .zp-panel-actions{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}#yunli-studio-preview .zp-panel-feedback{display:block;font-size:11px;color:var(--zp-blue);margin-top:15px}#yunli-studio-preview .zp-secondary{border:1px solid var(--zp-line);border-radius:30px;padding:10px 17px;font-size:11px;background:var(--zp-panel)}
@media(max-width:800px){#yunli-studio-preview .zp-page{padding:18px 20px 0}#yunli-studio-preview .zp-brand small{display:none}#yunli-studio-preview .zp-grid{gap:12px}#yunli-studio-preview .zp-bio{padding:23px}#yunli-studio-preview .zp-bio-title{font-size:43px}#yunli-studio-preview .zp-work,#yunli-studio-preview .zp-screen{padding:18px;grid-template-columns:.9fr 1fr;min-height:235px;gap:3px}#yunli-studio-preview .zp-tile-copy h2{font-size:23px}#yunli-studio-preview .zp-device{padding:9px 6px;transform:rotate(3deg) translateX(6px)}#yunli-studio-preview .zp-device-time{font-size:27px}#yunli-studio-preview .zp-device-next{flex-wrap:wrap}#yunli-studio-preview .zp-demo-assistant>span{display:none}#yunli-studio-preview .zp-thought,#yunli-studio-preview .zp-archive{padding:18px}#yunli-studio-preview .zp-thought h2,#yunli-studio-preview .zp-archive h2{font-size:18px}#yunli-studio-preview .zp-notes{padding:20px;grid-template-columns:.9fr 1fr}#yunli-studio-preview .zp-book{left:5px;width:108px;height:160px}#yunli-studio-preview .zp-book-back{left:13px;width:110px}#yunli-studio-preview .zp-notes-caption{padding-left:8px}#yunli-studio-preview .zp-notes-caption h2{font-size:20px}}
@media(max-width:600px){#yunli-studio-preview .zp-page{padding:16px 16px 0}#yunli-studio-preview .zp-header{gap:12px;flex-wrap:wrap}#yunli-studio-preview .zp-brand{font-size:19px}#yunli-studio-preview .zp-login{margin-left:auto;min-height:44px;font-size:11px}#yunli-studio-preview .zp-header nav{order:3;flex-basis:100%;justify-content:space-around;margin:1px 0 0}#yunli-studio-preview .zp-header nav button{min-height:38px;flex:1;text-align:center}#yunli-studio-preview .zp-intro-line{margin:18px 2px 13px;font-size:10px}#yunli-studio-preview .zp-intro-line>span:last-child{display:none}#yunli-studio-preview .zp-grid{grid-template-columns:1fr 1fr;gap:12px}#yunli-studio-preview .zp-bio{grid-column:span 2;grid-row:auto;min-height:460px;padding:25px}#yunli-studio-preview .zp-bio-title{font-size:47px;line-height:1.4;margin:22px 0 18px;letter-spacing:-2px}#yunli-studio-preview .zp-bio>p{font-size:17px}#yunli-studio-preview .zp-bio .zp-bio-desc{margin:12px 0 20px;font-size:12px}#yunli-studio-preview .zp-bio-desc br{display:none}#yunli-studio-preview .zp-dark-button{min-height:44px}#yunli-studio-preview .zp-work,#yunli-studio-preview .zp-screen{grid-column:span 2;min-height:240px;padding:21px;grid-template-columns:.9fr 1.1fr;gap:8px}#yunli-studio-preview .zp-tile-copy h2{font-size:25px}#yunli-studio-preview .zp-demo-assistant>span{display:none}#yunli-studio-preview .zp-work-demo{padding:12px 10px}#yunli-studio-preview .zp-demo-welcome{font-size:8px}#yunli-studio-preview .zp-device{min-height:158px;padding:11px 8px}#yunli-studio-preview .zp-device-time{font-size:31px}#yunli-studio-preview .zp-notes{grid-column:span 2;min-height:286px;padding:23px 21px;grid-template-columns:1fr 1fr}#yunli-studio-preview .zp-book{width:112px;height:163px;left:6px;top:22px}#yunli-studio-preview .zp-book-back{left:18px;width:112px;height:157px;top:25px}#yunli-studio-preview .zp-notes-caption{padding-left:8px}#yunli-studio-preview .zp-notes-caption h2{font-size:21px}#yunli-studio-preview .zp-notes-caption p{font-size:10px;line-height:1.9}#yunli-studio-preview .zp-thought,#yunli-studio-preview .zp-archive{grid-column:span 1;min-height:288px;padding:18px}#yunli-studio-preview .zp-thought h2,#yunli-studio-preview .zp-archive h2{font-size:17px}#yunli-studio-preview .zp-thought p{font-size:10px}#yunli-studio-preview .zp-archive-head span{font-size:8px}#yunli-studio-preview .zp-archive-head>svg{display:none}#yunli-studio-preview .zp-thought-mark{height:53px;font-size:65px}#yunli-studio-preview .zp-archive-foot{font-size:8px;padding:5px 6px;gap:4px}#yunli-studio-preview .zp-footer{flex-wrap:wrap;padding:23px 2px;font-size:10px;gap:7px}#yunli-studio-preview .zp-footer>span{order:3;flex-basis:100%;margin:0}#yunli-studio-preview .zp-footer button{margin-left:auto;min-height:40px}}
@media(max-width:350px){#yunli-studio-preview .zp-page{padding:12px 12px 0}#yunli-studio-preview .zp-work,#yunli-studio-preview .zp-screen{padding:18px 15px;gap:5px}#yunli-studio-preview .zp-tile-copy h2{font-size:22px}#yunli-studio-preview .zp-bio{padding:23px}#yunli-studio-preview .zp-bio-title{font-size:42px}#yunli-studio-preview .zp-notes{padding:18px 15px}#yunli-studio-preview .zp-book{width:96px;left:0}#yunli-studio-preview .zp-book-back{width:96px;left:10px}#yunli-studio-preview .zp-notes-caption h2{font-size:19px}#yunli-studio-preview .zp-thought,#yunli-studio-preview .zp-archive{padding:14px}#yunli-studio-preview .zp-thought h2,#yunli-studio-preview .zp-archive h2{font-size:16px}#yunli-studio-preview .zp-device-time{font-size:25px}#yunli-studio-preview .zp-eyebrow{font-size:8px}#yunli-studio-preview .zp-entry{font-size:9px;gap:4px}}

/* ★ 2026-10-27：首页页脚补 ICP 备案号（工信部要求显式标出、且能点回 beian.miit.gov.cn）。
   桌面端跟在「关于这里」后面；窄屏单独占一行，避免和 span/按钮抢位置。 */
#yunli-studio-preview .zp-footer .zp-icp { font-size:10px; color:var(--zp-muted); }
#yunli-studio-preview .zp-footer .zp-icp:hover { color:var(--zp-blue); }
@media (max-width:600px) {
  #yunli-studio-preview .zp-footer .zp-icp { order:4; flex-basis:100%; }
}
#yunli-studio-preview .zp-book strong{white-space:nowrap}
@media(max-width:600px){#yunli-studio-preview .zp-notes-caption h2{font-size:19px;letter-spacing:-1px}#yunli-studio-preview .zp-book strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){#yunli-studio-preview .zp-tile,#yunli-studio-preview .zp-header nav button{transition:none}}

/* The public home owns its palette; internal workspace styles stay untouched. */
#yunli-studio-preview .zp-header nav a { font-size:12px; padding:5px 19px; border-radius:20px; transition:background-color .2s; display:inline-flex; align-items:center; justify-content:center; }
#yunli-studio-preview .zp-header nav a:hover { background:var(--zp-soft); }
html { color-scheme: light; }
body { margin:0; background:radial-gradient(ellipse at 10% 0%,#bce7f477,transparent 48%),radial-gradient(ellipse at 90% 0%,#f1d8e37a,transparent 48%),#f2f5f8; background-size:100% 1250px; background-repeat:no-repeat; touch-action:manipulation; }
#yunli-studio-preview { max-width:1560px; margin:0 auto; }
#yunli-studio-preview a { text-decoration:none; color:inherit; }
#yunli-studio-preview a.zp-tile:hover { transform:translateY(-4px); }
#yunli-studio-preview a:focus-visible, #yunli-studio-preview button:focus-visible { outline:3px solid var(--zp-blue,#5673b8); outline-offset:4px; }
#yunli-studio-preview a:active, #yunli-studio-preview button:active { transform:translateY(1px); }
#yunli-studio-preview .zp-dark-button { color:var(--zp-panel); }
#yunli-studio-preview .zp-page { min-height:100vh; background:transparent; }
#yunli-studio-preview .zp-tile-copy p, #yunli-studio-preview .zp-notes-caption p, #yunli-studio-preview .zp-thought p { font-size:12px; }
#yunli-studio-preview .zp-panel { position:fixed; margin:auto; width:calc(100% - 32px); max-width:640px; max-height:85vh; overflow:auto; padding:32px; color:var(--zp-text); }
#yunli-studio-preview .zp-panel::backdrop { background:#18233570; }
#yunli-studio-preview .zp-panel:not([open]) { display:none; }
#yunli-studio-preview .zp-panel p, #yunli-studio-preview .zp-panel li { font-size:14px; line-height:1.9; color:var(--zp-muted); }
#yunli-studio-preview .zp-panel h3 { font-size:16px; margin:20px 0 8px; }
#yunli-studio-preview .zp-panel ul { padding-left:20px; }
#yunli-studio-preview .zp-panel-actions { display:flex; gap:12px; align-items:center; margin-top:24px; flex-wrap:wrap; }
#yunli-studio-preview .zp-panel-feedback { min-height:22px; }
#yunli-studio-preview .zp-panel-feedback a { text-decoration:underline; }
#yunli-studio-preview .zp-download-info { display:block; font-size:12px; color:var(--zp-muted); margin:16px 0 0; }
#yunli-studio-preview .zp-secondary { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
#yunli-studio-preview .zp-panel-actions a { min-height:44px; }
#yunli-studio-preview .zp-footer a { min-height:44px; display:inline-flex; align-items:center; }
#yunli-studio-preview .zp-notes-caption h2 { font-size:22px; }
@media (max-width:600px) {
 #yunli-studio-preview .zp-header nav a { min-height:44px; flex:1; }
 #yunli-studio-preview .zp-header nav button, #yunli-studio-preview .zp-login { min-height:44px; }
 #yunli-studio-preview .zp-notes-caption h2 { font-size:19px; }
 #yunli-studio-preview .zp-footer { gap:12px; }
 #yunli-studio-preview .zp-panel { padding:24px; }
}
@media (prefers-reduced-motion:reduce) { #yunli-studio-preview * { transition:none!important; } }

/* Below the entry grid: actual workflows and features, without account data. */
#yunli-studio-preview .zh-section { margin-top:88px; }
#yunli-studio-preview .zh-section-head { display:flex; align-items:end; justify-content:space-between; gap:32px; padding-bottom:28px; border-bottom:1px solid var(--zp-line); }
#yunli-studio-preview .zh-section-head h2 { font-size:36px; line-height:1.5; font-weight:500; letter-spacing:-1px; margin-top:12px; }
#yunli-studio-preview .zh-section-head>p { font-size:14px; line-height:1.9; color:var(--zp-muted); }
#yunli-studio-preview .zh-day-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:40px; padding-top:32px; }
#yunli-studio-preview .zh-day-options { display:flex; flex-direction:column; gap:8px; justify-content:center; }
#yunli-studio-preview .zh-day-option { display:flex; align-items:center; gap:20px; width:100%; padding:24px; border-radius:16px; transition:background-color .2s; }
#yunli-studio-preview .zh-day-option>span { font-size:12px; color:var(--zp-muted); }
#yunli-studio-preview .zh-day-option>svg { margin-left:auto; color:var(--zp-muted); }
#yunli-studio-preview .zh-day-option h3 { font-size:20px; font-weight:500; margin:0 0 5px; }
#yunli-studio-preview .zh-day-option p { font-size:14px; color:var(--zp-muted); line-height:1.8; }
#yunli-studio-preview .zh-day-option:hover { background:var(--zp-panel); }
#yunli-studio-preview .zh-day-option[aria-pressed="true"] { background:var(--zp-soft); }
#yunli-studio-preview .zh-day-option[aria-pressed="true"]>span { color:var(--zp-blue); }
#yunli-studio-preview .zh-day-display { background:var(--zp-panel); border:1px solid var(--zp-line); border-radius:24px; padding:28px 32px; }
#yunli-studio-preview .zh-display-bar { display:flex; justify-content:space-between; gap:12px; border-bottom:1px solid var(--zp-line); padding-bottom:16px; font-size:12px; color:var(--zp-muted); }
#yunli-studio-preview .zh-display-bar small { font-size:11px; }
#yunli-studio-preview .zh-display-kicker { display:block; margin-top:28px; font-size:12px; color:var(--zp-blue); }
#yunli-studio-preview .zh-day-display h3 { font-size:28px; font-weight:500; margin:8px 0 12px; }
#yunli-studio-preview .zh-day-display>p { font-size:14px; color:var(--zp-muted); max-width:460px; line-height:1.9; }
#yunli-studio-preview .zh-display-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:28px; }
#yunli-studio-preview .zh-display-items>div { padding-top:16px; border-top:1px solid var(--zp-line); display:flex; flex-direction:column; gap:8px; }
#yunli-studio-preview .zh-display-items svg { color:var(--zp-blue); }
#yunli-studio-preview .zh-display-items strong { font-size:14px; font-weight:500; }
#yunli-studio-preview .zh-display-items span { font-size:12px; color:var(--zp-muted); }
#yunli-studio-preview .zh-inline-link { display:inline-flex; align-items:center; gap:10px; color:var(--zp-blue); font-size:13px; min-height:44px; margin-top:24px; }
#yunli-studio-preview .zh-tools { display:grid; grid-template-columns:1fr 1fr; column-gap:56px; }
#yunli-studio-preview .zh-tool { display:flex; align-items:center; gap:20px; padding:32px 8px; border-bottom:1px solid var(--zp-line); transition:background-color .2s; }
#yunli-studio-preview .zh-tool:hover { background:var(--zp-panel); }
#yunli-studio-preview .zh-tool-icon { width:48px; height:48px; flex-shrink:0; border-radius:14px; display:grid; place-items:center; color:var(--zp-blue); background:var(--zp-soft); }
#yunli-studio-preview .zh-tool-icon svg { width:22px; height:22px; }
#yunli-studio-preview .zh-tool h3 { font-size:20px; font-weight:500; margin:0 0 6px; }
#yunli-studio-preview .zh-tool p { font-size:14px; color:var(--zp-muted); line-height:1.9; }
#yunli-studio-preview .zh-tool>svg { margin-left:auto; color:var(--zp-muted); }
#yunli-studio-preview .zh-section-note { margin-top:20px; font-size:12px; color:var(--zp-muted); }
#yunli-studio-preview .zh-screen-section { --zh-dark:#202b3b; --zh-ink:#eff4fc; --zh-muted:#b9c7da; --zh-border:#46546b; --zh-accent:#c4d2f4; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; background:var(--zh-dark); color:var(--zh-ink); margin-top:88px; padding:48px; border-radius:28px; }
#yunli-studio-preview .zh-screen-copy>.zp-eyebrow { color:var(--zh-muted); }
#yunli-studio-preview .zh-screen-copy h2 { font-size:36px; line-height:1.6; font-weight:500; letter-spacing:-1px; margin-top:12px; }
#yunli-studio-preview .zh-screen-copy>p { color:var(--zh-muted); font-size:14px; line-height:1.9; margin-top:20px; }
#yunli-studio-preview .zh-screen-modes { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
#yunli-studio-preview .zh-screen-modes button { min-height:44px; padding:8px 14px; border:1px solid var(--zh-border); border-radius:24px; font-size:13px; }
#yunli-studio-preview .zh-screen-modes button[aria-pressed="true"] { color:var(--zh-dark); background:var(--zh-ink); border-color:var(--zh-ink); }
#yunli-studio-preview .zh-screen-modes button:hover { border-color:var(--zh-accent); }
#yunli-studio-preview .zh-screen-download { display:flex; align-items:center; gap:12px; color:var(--zh-accent); font-size:14px; min-height:44px; margin-top:20px; padding:0; }
#yunli-studio-preview .zh-screen-preview { min-width:0; padding:24px; min-height:308px; border:1px solid var(--zh-border); border-radius:16px; box-shadow:0 18px 32px #00000020; }
#yunli-studio-preview .zh-screen-preview-head { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-bottom:24px; }
#yunli-studio-preview .zh-screen-preview-head strong { font-size:14px; font-weight:500; }
#yunli-studio-preview .zh-screen-preview-head>span { font-size:11px; color:var(--zh-muted); }
#yunli-studio-preview .zh-screen-status { font-size:12px; color:var(--zh-accent); }
#yunli-studio-preview .zh-screen-time { font-size:64px; font-variant-numeric:tabular-nums; line-height:1.4; letter-spacing:-2px; margin-top:8px; }
#yunli-studio-preview .zh-screen-time>span { font-size:22px; color:var(--zh-muted); letter-spacing:0; margin-left:5px; }
#yunli-studio-preview .zh-screen-next { display:flex; align-items:center; gap:12px; color:var(--zh-muted); font-size:12px; margin-top:8px; }
#yunli-studio-preview .zh-screen-next strong { font-size:16px; color:var(--zh-ink); font-weight:500; }
#yunli-studio-preview .zh-screen-message { padding-top:20px; margin-top:24px; border-top:1px solid var(--zh-border); font-size:12px; color:var(--zh-muted); }
#yunli-studio-preview .zh-collect-subjects { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:16px; }
#yunli-studio-preview .zh-collect-subjects>span { text-align:center; font-size:14px; padding:12px 4px; background:var(--zh-border); border-radius:8px; }
#yunli-studio-preview .zh-faq { display:grid; grid-template-columns:.85fr 1.15fr; gap:40px; margin:72px 0 32px; }
#yunli-studio-preview .zh-faq h2 { font-size:28px; font-weight:500; margin-top:12px; }
#yunli-studio-preview .zh-faq-list { min-width:0; }
#yunli-studio-preview .zh-faq details { border-bottom:1px solid var(--zp-line); }
#yunli-studio-preview .zh-faq summary { min-height:60px; padding:18px 0; font-size:15px; }
#yunli-studio-preview .zh-faq summary:focus-visible { outline:3px solid var(--zp-blue); outline-offset:3px; }
#yunli-studio-preview .zh-faq details p { font-size:14px; color:var(--zp-muted); line-height:1.9; padding:0 0 20px; }
@media(max-width:1000px) {
 #yunli-studio-preview .zh-day-layout { gap:24px; grid-template-columns:1fr 1.1fr; }
 #yunli-studio-preview .zh-day-option { padding:20px 16px; gap:12px; }
 #yunli-studio-preview .zh-day-option h3 { font-size:18px; }
 #yunli-studio-preview .zh-day-display { padding:24px; }
 #yunli-studio-preview .zh-screen-section { padding:32px; gap:28px; }
 #yunli-studio-preview .zh-screen-copy h2 { font-size:30px; }
 #yunli-studio-preview .zh-screen-preview { padding:20px; }
 #yunli-studio-preview .zh-screen-time { font-size:52px; }
}
@media(max-width:700px) {
 #yunli-studio-preview .zh-section { margin-top:56px; }
 #yunli-studio-preview .zh-section-head { display:block; padding-bottom:20px; }
 #yunli-studio-preview .zh-section-head h2 { font-size:28px; }
 #yunli-studio-preview .zh-section-head>p { margin-top:16px; }
 #yunli-studio-preview .zh-section-head>p br { display:none; }
 #yunli-studio-preview .zh-day-layout { grid-template-columns:1fr; gap:20px; padding-top:20px; }
 #yunli-studio-preview .zh-day-option { padding:20px 16px; }
 #yunli-studio-preview .zh-day-option h3 { font-size:18px; }
 #yunli-studio-preview .zh-day-option p { font-size:13px; }
 #yunli-studio-preview .zh-day-display { padding:22px; }
 #yunli-studio-preview .zh-day-display h3 { font-size:24px; }
 #yunli-studio-preview .zh-display-items { gap:10px; }
 #yunli-studio-preview .zh-display-items span { font-size:11px; }
 #yunli-studio-preview .zh-tools { grid-template-columns:1fr; }
 #yunli-studio-preview .zh-tool { padding:24px 4px; gap:16px; }
 #yunli-studio-preview .zh-tool h3 { font-size:19px; }
 #yunli-studio-preview .zh-tool p { font-size:13px; }
 #yunli-studio-preview .zh-screen-section { grid-template-columns:1fr; margin-top:48px; padding:28px 22px; gap:32px; border-radius:24px; }
 #yunli-studio-preview .zh-screen-copy h2 { font-size:28px; }
 #yunli-studio-preview .zh-screen-copy>p br { display:none; }
 #yunli-studio-preview .zh-screen-preview { padding:18px; min-height:300px; }
 #yunli-studio-preview .zh-screen-next { flex-wrap:wrap; gap:8px; }
 #yunli-studio-preview .zh-screen-time { font-size:52px; }
 #yunli-studio-preview .zh-faq { grid-template-columns:1fr; margin-top:48px; gap:20px; }
 #yunli-studio-preview .zh-faq h2 { font-size:24px; }
 #yunli-studio-preview .zh-faq summary { font-size:14px; }
}