:root{--blue:#79a3cb;--dark:#224d78;--ink:#153654;--muted:#66809a;--pale:#e8f1fa;--line:#dce7f1;--white:#fff;font-family:"PingFang SC","Microsoft YaHei",Inter,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#f5f8fc}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}.wrap{width:min(1300px,calc(100% - 100px));margin:auto}.landing{min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 69% 28%,#dae9f8 0,transparent 43%),linear-gradient(135deg,#f9fcff,#eef5fc 70%,#e4f0fa)}.topbar{height:104px;background:#79a3cb}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;text-decoration:none;color:white;gap:22px}.brand img{width:224px;max-height:68px;object-fit:contain}.brand-divider{width:1px;height:34px;background:#c9e0f4;opacity:.8}.brand-sub{font-size:16px;letter-spacing:2px;font-weight:600}.nav-right{display:flex;align-items:center;gap:38px;color:#eff8ff}.nav-small{font-size:10px;letter-spacing:3px}.top-login{border:1px solid #e2f0fa;background:transparent;color:white;border-radius:3px;padding:13px 22px;letter-spacing:1px}.top-login span{margin-left:30px}.hero{min-height:660px;display:grid;grid-template-columns:55% 45%;align-items:center;position:relative;padding-top:30px}.hero-left{position:relative;z-index:2;padding:50px 0}.eyebrow{display:flex;align-items:center;gap:17px;color:#4c79a8;letter-spacing:4px;font-size:11px;font-weight:600}.line{width:31px;height:1px;background:#4c79a8}.hero-kicker{font-size:15px;letter-spacing:6px;margin-top:62px;color:#52789f}.hero h1{font-size:clamp(66px,7.2vw,112px);letter-spacing:9px;margin:15px 0 30px;font-weight:600;line-height:1.15;color:#234c79}.hero h1 span{font-weight:300}.hero h1 small{display:block;font-size:clamp(20px,2.3vw,31px);letter-spacing:7px;font-weight:400;margin-top:24px;color:#386c9c}.hero-des{line-height:2.25;font-size:15px;color:#567898;letter-spacing:1px}.hero-actions{display:flex;gap:14px;margin-top:36px}.primary,.secondary{border-radius:3px;padding:18px 34px;border:1px solid #386c9c;min-width:173px;text-align:left;display:inline-flex;justify-content:space-between;gap:24px}.primary{background:#376b9d;color:white}.secondary{background:transparent;color:#376b9d}.primary:hover{background:#204f7f}.secondary:hover{background:#e6f0fa}.hero-note{font-size:12px;color:#81a0bd;margin-top:49px;letter-spacing:1px;display:flex;align-items:center;gap:10px}.pulse{width:6px;height:6px;background:#77a6ca;border-radius:50%}.hero-right{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.shape-orbit{position:absolute;width:720px;height:720px;border-radius:50%;border:1px solid #c2d9ed;top:2%;left:4%}.shape-ring{position:absolute;width:540px;height:540px;border-radius:50%;background:linear-gradient(155deg,rgba(165,198,226,.35),rgba(255,255,255,.04));top:15%;left:24%}.hero-visual{position:relative;background:linear-gradient(150deg,#86acd0,#4f80b0);width:min(410px,85%);height:484px;padding:34px 35px;box-shadow:0 30px 65px #749abb36;display:flex;flex-direction:column;justify-content:space-between;transform:translate(26px,12px);color:white}.hero-visual:before{content:"";position:absolute;inset:14px;border:1px solid #cbe2f24d;pointer-events:none}.visual-top,.visual-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;line-height:2.1}.visual-copy{font-family:Georgia,serif;font-size:51px;line-height:1.22;letter-spacing:-1.8px}.visual-copy em{font-style:italic;color:#e6f5ff}.vertical-note{position:absolute;right:-17px;top:35%;writing-mode:vertical-rl;color:#668eb7;letter-spacing:5px;font-size:10px}.features{border-top:1px solid #d6e5f3;padding:33px 0 70px}.features-head{display:flex;align-items:baseline;justify-content:space-between}.features-head span{font-size:11px;letter-spacing:3px;color:#5c85ae}.features-head p{font-size:14px;color:#6e8ba7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px}.feature-grid>div{border-left:1px solid #cbddec;padding:0 30px}.feature-grid>div:first-child{padding-left:0;border-left:0}.feature-grid span{display:block;color:#789abb;font-size:11px;letter-spacing:1px}.feature-grid strong{display:block;font-weight:500;font-size:27px;margin:22px 0 10px}.feature-grid p{font-size:13px;color:#7590a9}.home-footer{padding:24px 0 38px;display:flex;justify-content:space-between;color:#95aac0;font-size:11px;letter-spacing:1px;border-top:1px solid #dce7f1}
.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:70}.modal-backdrop{position:absolute;inset:0;background:#163a5f99;backdrop-filter:blur(7px)}.login-box{position:relative;background:white;width:min(440px,calc(100% - 30px));padding:48px;border-radius:9px;box-shadow:0 25px 90px #193c6170}.x{position:absolute;right:20px;top:16px;border:0;background:transparent;color:#7d98b3;font-size:26px}.modal-brand{font-size:11px;color:#6c95bd;letter-spacing:4px}.login-box h2{font-size:24px;margin:17px 0 8px}.modal-sub{font-size:12px;color:#859bad}.login-tabs{display:flex;margin:30px 0 24px;border-bottom:1px solid #e0e9f3}.login-tabs button{flex:1;border:0;background:transparent;color:#8ca3b9;padding:13px 0}.login-tabs button.active{color:#255b8f;border-bottom:2px solid #376b9d;font-weight:600}.login-box label{display:block;font-size:12px;color:#54728d;margin:18px 0}.login-box input{display:block;width:100%;margin-top:9px;border:1px solid #d6e3ef;background:#f8fbfe;border-radius:3px;padding:14px;outline-color:#5f95c3}.login-submit{width:100%;justify-content:center;margin-top:12px}.login-tip{display:block;text-align:center;margin-top:21px;color:#91a5b7}.form-error{color:#bc4254;font-size:12px;min-height:16px}
.app{min-height:100vh;display:flex;background:#f5f8fc}.sidebar{background:#2c5f92;width:248px;flex-shrink:0;color:#d8e9f8;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.side-brand{padding:28px 23px 35px;border-bottom:1px solid #ffffff25}.side-brand img{width:185px}.side-brand small{display:block;letter-spacing:3px;font-size:9px;margin:12px 0 0 5px;color:#c5ddf1}.side-intro{padding:30px 24px 12px;color:#a4c2df;font-size:11px;letter-spacing:2px}.sidebar nav{padding:0 13px;display:grid;gap:6px}.sidebar nav button{background:transparent;color:#d7e7f4;border:0;text-align:left;border-radius:5px;padding:15px 13px;font-size:14px}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff26;color:white}.side-bottom{margin-top:auto;padding:20px 21px;border-top:1px solid #ffffff28}.user-chip{display:flex;align-items:center;gap:12px}.avatar{background:#9fc2e0;color:#204a70;display:grid;place-items:center;border-radius:50%;width:36px;height:36px}.user-chip strong{display:block;font-size:14px;color:white}.user-chip small{display:block;font-size:10px;margin-top:6px;color:#b6d1e7}.side-logout{margin-top:23px;background:transparent;border:0;padding:0;color:#cadff1;font-size:12px}.workspace{flex:1;min-width:0;padding:34px max(35px,5vw)}.workspace-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.overline{font-size:10px;letter-spacing:3px;color:#7da2c5}.workspace h2{font-size:28px;margin:9px 0 0}.outline{border:1px solid #aec6de;color:#35668e;background:white;border-radius:5px;padding:12px 18px}.outline:hover{background:#eaf3fa}.outline span{margin-left:12px}.menu-btn{display:none}.stat-strip{display:flex;gap:15px;margin-bottom:26px}.stat-card{flex:1;background:#fff;border:1px solid #e3edf5;border-radius:8px;padding:22px}.stat-card small{display:block;color:#8da6bd}.stat-card strong{display:block;font-size:26px;margin-top:10px}.section-header{display:flex;align-items:center;justify-content:space-between;margin:26px 0 17px}.section-header h3{margin:0;font-size:19px}.hint{color:#8299ac;font-size:12px}.subject-filters{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid #d7e5f2;background:white;color:#6987a3;padding:9px 16px;border-radius:5px}.filter.active{background:#376d9e;border-color:#376d9e;color:white}.doc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin-top:17px}.doc{background:white;border:1px solid #e1eaf3;border-radius:8px;padding:23px;min-height:175px;display:flex;flex-direction:column}.doc-tag{font-size:11px;color:#5482aa;letter-spacing:1px}.doc h3{font-size:17px;margin:18px 0 9px;word-break:break-word}.doc small{color:#8aa2b7}.doc-actions{margin-top:auto;padding-top:20px;display:flex;gap:8px}.doc-actions button{flex:1;font-size:12px;padding:9px 8px;border-radius:4px;border:1px solid #bcd0e2;background:#f7fbff;color:#376d9e}.doc-actions button:first-child{background:#376d9e;color:white;border-color:#376d9e}.empty{background:white;border:1px dashed #c9dbea;border-radius:8px;padding:52px;text-align:center;color:#829cb3;margin-top:17px}.panel{background:white;border:1px solid #e1eaf3;border-radius:8px;padding:25px;margin:20px 0}.panel h3{margin:0 0 20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{font-size:12px;color:#597a99;display:block}.field input,.field select{margin-top:7px;width:100%;height:43px;border:1px solid #d5e4f0;border-radius:5px;padding:0 12px;background:#fbfdff;color:#1d456c}.form-grid .wide{grid-column:1/-1}.button-line{display:flex;justify-content:flex-end;margin-top:18px}.button-line button{background:#376d9e;color:white;border:0;border-radius:5px;padding:12px 24px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-size:12px;font-weight:500;color:#7694ad;padding:12px 8px;border-bottom:1px solid #e4edf5}.data-table td{padding:16px 8px;border-bottom:1px solid #eff3f8}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.table-actions button{border:1px solid #c4d8e9;background:white;color:#4b7598;padding:7px 9px;border-radius:4px}.scroll-table{overflow:auto}.notice{font-size:12px;color:#7693ab;line-height:1.8}
.reader{position:fixed;inset:0;background:#e7edf3;z-index:45;display:flex;flex-direction:column}.reader-head{background:white;min-height:63px;border-bottom:1px solid #d8e3ed;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 22px}.plain{border:0;background:none;color:#3f6d98}.reader-title{font-weight:600}.reader-buttons{display:flex;gap:8px}.tiny{padding:8px 12px;font-size:12px}.reader-panels{display:flex;flex:1;min-height:0;gap:2px}.reader-panel{min-width:0;flex:1;display:flex;flex-direction:column;background:#e1e7ed}.reader-panels.single .reader-panel:nth-child(2){display:none}.pane-bar{min-height:50px;background:white;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px}.pane-select{max-width:38%;min-width:70px;padding:7px 9px;border:1px solid #cddde9;border-radius:4px;background:#fff;color:#365d80}.pane-bar button{background:#f5f9fc;border:1px solid #dce8f1;border-radius:4px;padding:5px 9px;font-size:16px;color:#315e87}.pageStatus{color:#6483a0;white-space:nowrap;font-size:12px}.canvas-wrap{flex:1;min-height:0;overflow:auto;position:relative;text-align:center;padding:25px 12px}.canvas-wrap canvas{background:white;max-width:none;box-shadow:0 3px 15px #31506d22}.watermark{pointer-events:none;position:absolute;inset:0;background-repeat:repeat;background-position:top left;opacity:.45}.reader-foot{background:#fff;padding:8px;text-align:center;color:#8aa2b7;font-size:11px}#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;background:#1e4a72;color:white;padding:13px 22px;border-radius:5px;z-index:120;opacity:0;transition:opacity .2s;pointer-events:none;font-size:13px}#toast.show{opacity:1}
@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.hero{grid-template-columns:58% 42%}.hero-visual{height:380px}.visual-copy{font-size:40px}.hero h1{font-size:68px}.hero-kicker{margin-top:30px}.vertical-note{display:none}.features{padding-bottom:35px}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.topbar{height:75px}.brand img{width:150px}.brand-divider,.brand-sub,.nav-small{display:none}.top-login{padding:10px}.top-login span{margin-left:8px}.hero{display:flex;flex-direction:column;min-height:initial;padding:20px 0 70px;align-items:stretch}.hero-left{padding:28px 0}.hero-kicker{font-size:12px;margin-top:55px}.hero h1{font-size:65px;letter-spacing:2px}.hero h1 small{font-size:19px;letter-spacing:2px;margin-top:20px}.hero-des{font-size:13px}.hero-des br{display:none}.hero-actions{margin-top:30px}.primary,.secondary{min-width:0;flex:1;padding:16px}.hero-note{margin-top:28px}.hero-right{height:240px}.hero-visual{height:230px;transform:none;width:70%;padding:22px}.visual-copy{font-size:32px}.shape-orbit{width:360px;height:360px;left:16%;top:-45%}.shape-ring{width:230px;height:230px;left:25%;top:0}.visual-bottom{font-size:7px}.features-head{display:block}.feature-grid{grid-template-columns:repeat(2,1fr);row-gap:27px}.feature-grid>div:nth-child(3){padding-left:0;border-left:0}.feature-grid>div{padding:0 12px}.feature-grid strong{margin-top:11px}.home-footer{font-size:9px;gap:10px}.sidebar{position:fixed;left:-260px;z-index:33;transition:left .25s}.sidebar.open{left:0}.workspace{padding:20px 17px;width:100%}.workspace-top{gap:12px}.workspace h2{font-size:23px}.menu-btn{display:block;background:transparent;border:0;font-size:23px;color:#2b587b}.workspace-top .outline{padding:9px}.stat-strip{display:grid;grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.reader-head{padding:9px}.reader-title{font-size:12px;max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reader-panels:not(.single) .pane-bar{flex-wrap:wrap}.reader-panels:not(.single) .pane-select{max-width:100%;width:100%}.reader-panels:not(.single) .pane-bar button{padding:3px 6px}.reader-panels:not(.single) .canvas-wrap{padding:8px 2px}.reader-foot{font-size:9px}}
/* V1.1 visual refinement: restrained and consistent type scale */
:root{--blue:#79a3cb;--dark:#274e77;--ink:#173b5e;--muted:#617c96;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.landing{background:linear-gradient(125deg,#fafdff 0%,#eef5fc 61%,#e7f1fa 100%)}
.topbar{height:92px;background:#79a3cb}.brand img{width:207px}.brand-sub{font-size:14px;font-weight:500;letter-spacing:1px}.nav-small{font-weight:400}
.hero{grid-template-columns:53% 47%;min-height:660px}.hero-left{padding:42px 0}.eyebrow{font-size:12px;font-weight:500;letter-spacing:2.5px}.hero-kicker{font-size:15px;letter-spacing:3px;font-weight:400;margin-top:53px}.hero h1{font-size:clamp(64px,6.7vw,96px);font-weight:600;letter-spacing:2px;line-height:1.2;margin:17px 0 24px}.hero h1 small{font-size:clamp(21px,2vw,27px);font-weight:400;letter-spacing:2px;margin-top:18px}.hero-des{font-size:15px;line-height:2.05;letter-spacing:.25px;max-width:610px}.primary,.secondary{font-size:15px;font-weight:500;border-radius:6px;letter-spacing:.25px;padding:17px 26px;min-width:160px}.hero-note{margin-top:32px;letter-spacing:.3px}
.hero-right{padding:34px 0}.shape-orbit{width:600px;height:600px;left:-3%;top:5%;border-color:#d4e4f0}.shape-ring{width:470px;height:470px;left:13%;top:17%;background:linear-gradient(150deg,#c9e0f180,transparent)}
.hero-photo{width:min(480px,91%);height:484px;overflow:hidden;padding:0;transform:translate(18px,8px);border-radius:8px;background:#a0c2db;box-shadow:0 26px 56px #4c719b20;display:block}
.hero-photo:before{display:none}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block}.photo-caption{position:absolute;left:0;right:0;bottom:0;padding:52px 29px 28px;background:linear-gradient(transparent,#123a5f9c);display:flex;flex-direction:column;gap:8px}.photo-caption span{font-size:10px;letter-spacing:2px;font-weight:400}.photo-caption strong{font-size:21px;font-weight:500;letter-spacing:1px}.vertical-note{right:-12px;font-weight:400}
.features{padding-top:28px}.features-head span{font-size:11px;font-weight:500;letter-spacing:2px}.features-head p{font-size:14px}.feature-grid strong{font-size:23px;font-weight:500;margin:16px 0 8px}.feature-grid p{font-size:13px;line-height:1.8}.feature-grid>div{padding-left:25px}
@media(max-width:1000px){.hero{grid-template-columns:56% 44%}.hero h1{font-size:68px}.hero-photo{height:395px}.hero-kicker{margin-top:28px}}
@media(max-width:720px){.topbar{height:76px}.brand img{width:150px}.hero{display:flex;min-height:initial;padding:20px 0 45px}.hero-left{padding:24px 0}.hero h1{font-size:58px;letter-spacing:0}.hero h1 small{font-size:20px;letter-spacing:1px}.hero-kicker{margin-top:38px;letter-spacing:1.5px}.hero-des{font-size:13px}.hero-right{height:260px;padding:0}.hero-photo{width:82%;height:248px;transform:none}.photo-caption{padding:40px 19px 18px}.photo-caption strong{font-size:16px}.shape-orbit{width:350px;height:350px;top:-24%}.shape-ring{width:240px;height:240px;left:26%;top:5%}}

/* V2: a minimal, motion-led home experience. All workspace styles above remain intact. */
:root{--blue:#79a3cb;--ink:#152f4d;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
.premium-home{background:#f8fafc;color:#152f4d;min-height:100vh;position:relative;overflow:hidden}
.premium-home:before{content:"";position:absolute;width:1050px;height:760px;top:15px;right:-310px;border-radius:50%;background:radial-gradient(ellipse at 40% 45%,#c8dff9 0%,#e4f0ff 33%,transparent 69%);opacity:.68;filter:blur(35px);pointer-events:none}
.premium-home .topbar{height:94px;background:rgba(255,255,255,.66);border-bottom:1px solid rgba(40,87,138,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;z-index:5}
.premium-home .nav{gap:36px}.premium-home .brand{color:#285b86;gap:20px}.premium-home .brand img{width:186px;height:auto;max-height:58px}.premium-home .brand-divider{height:28px;background:#b7ccdf}.premium-home .brand-sub{letter-spacing:1px;font-size:18px;font-weight:650;white-space:nowrap}.premium-home .brand-en{font-size:11px;font-weight:500;letter-spacing:1.1px;color:#6791b8;margin-left:3px}.premium-home .home-nav{display:flex;gap:38px;margin-left:auto}.premium-home .home-nav a{text-decoration:none;color:#6d7e90;font-size:13px;font-weight:500;transition:color .25s}.premium-home .home-nav a:hover{color:#286499}.premium-home .nav-right{gap:0}.premium-home .top-login{border:1px solid #ccdae7;background:#fff;color:#315f89;border-radius:999px;font-size:13px;font-weight:600;padding:12px 20px;letter-spacing:0;transition:transform .25s,box-shadow .25s}.premium-home .top-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a89c21a}.premium-home .top-login span{margin-left:14px}
.premium-home .hero{min-height:765px;padding:70px 0 60px;grid-template-columns:50% 50%;gap:0;position:relative}.premium-home .hero-left{padding:58px 0 35px;align-self:center;animation:lemon-enter .85s cubic-bezier(.2,.7,.3,1) both}.premium-home .eyebrow{font-size:11px;letter-spacing:2.1px;color:#628caf;font-weight:650;gap:13px;white-space:nowrap}.premium-home .eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#7caad3;box-shadow:0 0 0 5px #7caad324}.premium-home .eyebrow-divider{height:12px;width:1px;background:#c3d4e4}.premium-home .hero h1{font-size:clamp(68px,6.6vw,104px);letter-spacing:-4px;line-height:1.15;font-weight:700;margin:38px 0 22px;color:#122d4c}.premium-home .hero h1 span{color:#6e9ec7;font-weight:700}.premium-home .hero-kicker{margin:0;letter-spacing:1.3px;font-size:21px;color:#234c70;font-weight:600}.premium-home .hero-kicker span{color:#8baecb;padding:0 7px}.premium-home .hero-des{font-size:15px;letter-spacing:.2px;line-height:2.15;color:#7e91a2;margin:28px 0 0}.premium-home .hero-actions{margin-top:35px;gap:12px}.premium-home .primary,.premium-home .secondary{border-radius:999px;min-width:145px;justify-content:center;text-align:center;padding:16px 26px;font-size:14px;font-weight:600;gap:21px;transition:transform .25s,box-shadow .25s,background .25s}.premium-home .primary{background:#2b658f;border-color:#2b658f;box-shadow:0 8px 24px #3e79a422}.premium-home .primary:hover{transform:translateY(-3px);box-shadow:0 12px 26px #3e79a43c;background:#1d537c}.premium-home .secondary{background:#ffffffad;border-color:#d6e2ec;color:#3f6e95}.premium-home .secondary:hover{transform:translateY(-3px);background:#fff;box-shadow:0 12px 26px #3e79a41b}.premium-home .hero-note{font-size:12px;letter-spacing:.3px;margin-top:34px;color:#9aaab9}.premium-home .pulse{width:6px;height:6px;box-shadow:0 0 0 4px #80b5dc20}
.premium-home .hero-right{height:620px;align-self:center;position:relative;overflow:visible;isolation:isolate}.premium-home .ambient-light{position:absolute;left:5%;top:9%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#c6e1f9 0%,#d9ebff 32%,#f8fafc00 67%);filter:blur(22px);animation:lemon-glow 9s ease-in-out infinite alternate}.premium-home .ambient-two{left:35%;top:28%;width:370px;height:370px;opacity:.7;animation-delay:-4s}.premium-home .product-scene{width:100%;position:relative;display:flex;align-items:center;justify-content:center;min-height:620px;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s ease;animation:lemon-fade .9s .15s both}.premium-home .product-shell{width:min(500px,95%);height:450px;background:rgba(255,255,255,.84);border:1px solid #ffffffec;border-radius:25px;box-shadow:0 50px 100px #386c9830,0 12px 30px #6697be16;backdrop-filter:blur(26px);overflow:hidden;transform:rotate(-5deg) translate(11px,8px);animation:lemon-float 7s ease-in-out infinite}.premium-home .product-header{height:57px;border-bottom:1px solid #ebf0f5;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#80a0bc;font-size:10px;font-weight:700;letter-spacing:2px}.premium-home .product-traffic{display:flex;gap:6px}.premium-home .product-traffic i{width:8px;height:8px;border-radius:50%;background:#cdddeb}.premium-home .product-menu{font-size:16px;letter-spacing:1px;color:#91adc5}.premium-home .product-body{padding:36px}.premium-home .product-overline{font-size:10px;color:#91acc4;letter-spacing:2.2px;font-weight:600}.premium-home .product-heading{font-weight:700;font-size:29px;letter-spacing:-.8px;margin-top:10px}.premium-home .product-sub{font-size:13px;color:#9caebc;margin-top:9px}.premium-home .product-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:31px}.premium-home .product-card{background:linear-gradient(140deg,#f5f9fd,#edf5fb);border-radius:14px;min-height:94px;padding:16px 18px;display:flex;flex-direction:column;border:1px solid #f0f5f8;transition:transform .3s}.premium-home .product-card:nth-child(2){background:linear-gradient(140deg,#f8fbfd,#f4f8fb)}.premium-home .product-card:nth-child(3){background:linear-gradient(140deg,#f9fbfc,#eff5fc)}.premium-home .product-card:nth-child(4){background:linear-gradient(140deg,#f6fafc,#eaf3f9)}.premium-home .product-card:hover{transform:translateY(-4px)}.premium-home .product-symbol{color:#78a0c1;font-size:22px;line-height:1}.premium-home .product-card strong{font-size:13px;font-weight:650;color:#3b688e;margin:9px 0 1px}.premium-home .product-card small{font-size:9px;color:#a1b4c6;letter-spacing:1px}.premium-home .product-footer{display:flex;align-items:center;gap:13px;margin-top:25px;font-size:9px;letter-spacing:1.8px;color:#acbdcc}.premium-home .product-line{width:27px;height:1px;background:#c4d8e9}.premium-home .floating-note{position:absolute;z-index:2;right:-1%;bottom:69px;display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #eff3f8;border-radius:16px;padding:17px 23px;box-shadow:0 20px 45px #416c952b;animation:lemon-float-alt 6s ease-in-out infinite}.premium-home .note-glyph{display:grid;place-items:center;background:#edf5fc;width:35px;height:35px;border-radius:11px;color:#6a9dcb;font-size:20px}.premium-home .floating-note span:last-child{font-size:13px;font-weight:650;color:#305b80}.premium-home .floating-note small{display:block;letter-spacing:1px;font-size:8px;font-weight:500;color:#9cb4c8;margin-top:5px}
.premium-home .features{padding:72px 0 110px;border-top:1px solid #e6edf4}.premium-home .features-head{align-items:flex-start}.premium-home .features-head>span{font-size:11px;color:#83a0ba;letter-spacing:2px}.premium-home .features-head p{font-size:clamp(28px,3vw,40px);font-weight:650;line-height:1.42;color:#1d3955;margin:-8px 0 0}.premium-home .features-head p strong{color:#7ea6c9;font-weight:650}.premium-home .feature-grid{margin-top:64px;gap:18px}.premium-home .feature-grid>div{padding:29px 26px;border:1px solid #e9eff5;border-radius:16px;background:#fff;transition:transform .3s,box-shadow .3s}.premium-home .feature-grid>div:first-child{padding-left:26px;border-left:1px solid #e9eff5}.premium-home .feature-grid>div:hover{transform:translateY(-6px);box-shadow:0 15px 40px #3b739411}.premium-home .feature-grid span{font-size:11px;letter-spacing:1px;color:#a3bacd}.premium-home .feature-grid strong{font-size:22px;font-weight:650;color:#274a69;letter-spacing:0;margin:31px 0 9px}.premium-home .feature-grid p{font-size:12px;color:#91a5b6;letter-spacing:0}.premium-home .closing{text-align:center;padding:120px 0 125px;border-radius:30px;background:radial-gradient(ellipse at 50% 115%,#d0e7fb,transparent 70%),linear-gradient(130deg,#f0f6fc,#f8fbff);margin-bottom:80px}.premium-home .closing>span{font-size:11px;color:#7299ba;letter-spacing:2.8px;font-weight:650}.premium-home .closing p{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.27;letter-spacing:-1px;margin:27px 0 32px;color:#1e4161}.premium-home .closing p em{font-style:normal;color:#79a3cb}.premium-home .closing button{border:0;background:#2f6a97;color:white;border-radius:999px;padding:16px 30px;cursor:pointer;transition:transform .25s}.premium-home .closing button:hover{transform:translateY(-3px)}.premium-home .closing button span{margin-left:20px}.premium-home .home-footer{border-top:1px solid #e7edf3;color:#95aabd;padding:31px 0 39px;font-size:10px}.reveal{opacity:1;transform:none}.reveal.visible{animation:lemon-reveal-safe .7s ease-out both}@keyframes lemon-reveal-safe{from{opacity:.6;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes lemon-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes lemon-fade{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes lemon-float{0%,100%{transform:rotate(-5deg) translate(11px,8px)}50%{transform:rotate(-4deg) translate(11px,-7px)}}@keyframes lemon-float-alt{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes lemon-glow{0%{transform:translate(-15px,10px) scale(.93)}100%{transform:translate(35px,-30px) scale(1.07)}}
@media(max-width:1050px){.premium-home .wrap{width:min(100% - 64px,1050px)}.premium-home .hero{grid-template-columns:52% 48%}.premium-home .hero h1{font-size:clamp(60px,7.5vw,82px)}.premium-home .product-shell{height:415px}.premium-home .product-body{padding:26px}.premium-home .floating-note{right:-5%}.premium-home .home-nav{gap:20px}}
@media(max-width:760px){.premium-home .wrap{width:calc(100% - 42px)}.premium-home .topbar{height:76px}.premium-home .brand img{width:142px}.premium-home .brand-divider{height:23px}.premium-home .brand-sub{font-size:13px}.premium-home .brand-en{display:none}.premium-home .home-nav{display:none}.premium-home .top-login{padding:11px 14px;font-size:12px}.premium-home .top-login span{margin-left:6px}.premium-home .hero{padding:20px 0 50px;display:flex;flex-direction:column;min-height:0;align-items:stretch}.premium-home .hero-left{padding:82px 0 6px;align-self:stretch}.premium-home .eyebrow{font-size:10px;letter-spacing:1.5px}.premium-home .hero h1{font-size:clamp(56px,12vw,80px);letter-spacing:-3px;margin:34px 0 19px}.premium-home .hero-kicker{font-size:18px}.premium-home .hero-des{font-size:13px}.premium-home .hero-right{height:425px;width:100%;min-height:425px}.premium-home .product-scene{min-height:425px}.premium-home .product-shell{height:345px;width:min(370px,92%);border-radius:18px}.premium-home .product-header{height:41px}.premium-home .product-body{padding:21px}.premium-home .product-heading{font-size:22px}.premium-home .product-cards{gap:7px;margin-top:20px}.premium-home .product-card{min-height:66px;padding:9px 12px;border-radius:9px}.premium-home .product-symbol{font-size:17px}.premium-home .product-card strong{font-size:11px;margin-top:5px}.premium-home .product-card small{font-size:8px}.premium-home .product-footer{margin-top:17px}.premium-home .floating-note{right:-3%;bottom:20px;padding:12px}.premium-home .features{padding:65px 0}.premium-home .features-head{display:block}.premium-home .features-head p{margin:20px 0 0}.premium-home .feature-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:32px}.premium-home .feature-grid>div{padding:20px 14px!important}.premium-home .feature-grid strong{font-size:19px;margin:24px 0 6px}.premium-home .feature-grid p{font-size:11px}.premium-home .closing{padding:70px 12px;margin-bottom:45px;border-radius:18px}.premium-home .home-footer{gap:12px;flex-wrap:wrap}}
@media(max-width:390px){.premium-home .brand img{width:115px}.premium-home .brand{gap:10px}.premium-home .hero-actions{gap:9px}.premium-home .primary,.premium-home .secondary{min-width:0;padding:14px 16px;gap:10px}.premium-home .floating-note{display:none}}
@media(prefers-reduced-motion:reduce){.premium-home *, .premium-home *:before,.premium-home *:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* V2.1 — richer editorial story below the fold */
html{scroll-behavior:smooth} .premium-home .study-intro{padding:125px 0 100px;position:relative}.study-intro-top{display:grid;grid-template-columns:.66fr 1.4fr .88fr;gap:30px;align-items:end;margin-bottom:65px}.section-index{font-size:11px;letter-spacing:2px;color:#7297b6;font-weight:650}.section-mark{display:inline-block;height:7px;width:7px;border-radius:50%;background:#83add0;margin-right:10px;vertical-align:middle}.study-intro-top h2{margin:0;font-size:clamp(38px,3.7vw,58px);letter-spacing:-2.4px;line-height:1.25;font-weight:650;color:#1e3c58}.study-intro-top h2 em{font-style:normal;color:#8baeca}.study-intro-top>p{color:#8093a4;font-size:13px;line-height:2.1;margin:0 0 5px}.subject-showcase{display:grid;grid-template-columns:1fr 1fr;gap:20px}.subject-panel{min-height:540px;border-radius:27px;background:#fff;border:1px solid #e8eef4;overflow:hidden;position:relative;box-shadow:0 16px 40px #376b8a08;display:flex;flex-direction:column;transition:box-shadow .35s,transform .35s}.subject-panel:hover{box-shadow:0 25px 65px #376b8a15;transform:translateY(-4px)}.subject-text{padding:48px 48px 0;position:relative;z-index:2}.subject-num{color:#79a1bf;font-size:10px;letter-spacing:2px;font-weight:650}.subject-text h3{font-size:clamp(32px,3vw,45px);font-weight:650;letter-spacing:-1.2px;line-height:1.3;color:#1e405e;margin:24px 0 18px}.subject-text p{color:#7890a3;font-size:13px;line-height:2;min-height:52px;margin:0}.subject-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:21px}.subject-points span{font-size:11px;color:#5b84a8;border:1px solid #dce9f4;background:#f7fbff;border-radius:30px;padding:8px 12px}.study-demo{margin:28px auto 0;width:79%;height:232px;box-shadow:0 24px 55px #436a961b;border:1px solid #dce9f4;background:#fff;border-radius:17px 17px 0 0;overflow:hidden;position:relative;transition:transform .6s cubic-bezier(.2,.75,.25,1)}.subject-panel:hover .study-demo{transform:translateY(-8px)}.subject-reading{background:linear-gradient(160deg,#fff 30%,#eef6fd 100%)}.subject-writing{background:linear-gradient(160deg,#fff 30%,#f1f5fc 100%)}.subject-listening{background:linear-gradient(160deg,#fff 30%,#e9f4fd 100%)}.subject-speaking{background:linear-gradient(160deg,#fff 30%,#eff3ff 100%)}.demo-top{height:32px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;gap:5px;padding:0 14px}.demo-top i{background:#d8e5f0;width:6px;height:6px;border-radius:50%}.demo-top span{margin-left:auto;color:#94abc1;font-size:8px;letter-spacing:1px}.demo-paper{padding:22px 26px}.demo-label,.mini-overline{font-size:8px;letter-spacing:1.8px;color:#89a7bf}.paper-heading{font:24px Georgia,serif;color:#385a79;margin:8px 0 14px}.paper-line{height:6px;background:#e3ecf5;border-radius:5px;width:88%;margin:9px 0}.paper-line.long{width:96%}.paper-line.mid{width:78%}.paper-line.short{width:46%}.paper-line.focus{background:#cde3f7;box-shadow:0 0 0 4px #eaf4fd}.demo-annotation{position:absolute;bottom:12px;right:13px;padding:9px 13px;background:#fff;border:1px solid #dce8f2;border-radius:9px;color:#6590b3;font-size:10px;box-shadow:0 5px 20px #345b7b12}.annotation-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#77a8cd;margin-right:5px}.writing-demo{background:linear-gradient(160deg,#f4f9ff,#edf3fa);display:grid;place-items:start center}.writing-page{width:85%;background:white;border:1px solid #e3eaf3;border-radius:11px 11px 0 0;padding:24px 27px;min-height:300px;margin-top:15px}.writing-page>strong{display:block;font:22px Georgia,serif;color:#375c7c;margin:7px 0 16px}.writing-step{display:flex;align-items:center;gap:12px;margin:9px 0;color:#4c789c;font-size:11px}.writing-step b{display:grid;place-items:center;width:28px;height:28px;background:#edf5fc;border-radius:8px;font-weight:600}.mini-line{width:160px;max-width:100%;height:4px;background:#e6eff6;margin-top:5px;border-radius:4px}.listening-demo{display:grid;place-items:center;background:linear-gradient(155deg,#e3f1fc,#fff)}.audio-tile{width:82%;height:195px;background:#fff;border:1px solid #edf1f7;box-shadow:0 8px 30px #507ca118;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.audio-heading,.audio-label{font-size:9px;letter-spacing:2px;color:#85a7c0}.audio-circle{width:42px;height:42px;border-radius:50%;background:#2c6a9a;color:white;display:grid;place-items:center;font-size:13px;padding-left:2px}.audio-wave{height:38px;display:flex;align-items:center;gap:5px}.audio-wave i{display:block;width:4px;height:var(--h,15px);border-radius:4px;background:linear-gradient(#8fbde0,#5089b4)}.audio-wave i:nth-child(3n){--h:31px}.audio-wave i:nth-child(4n){--h:23px}.audio-wave i:nth-child(5n){--h:11px}.speaking-demo{display:grid;place-items:center;background:linear-gradient(160deg,#e8f3ff,#f7faff)}.speech-card{width:85%;height:215px;background:#fff;border-radius:16px 16px 0 0;border:1px solid #e7edf4;padding:23px 26px}.speech-card>span{letter-spacing:1.5px;font-size:9px;color:#94acc1}.speech-bubble{background:#edf5fb;border-radius:15px 15px 15px 3px;width:max-content;max-width:100%;padding:17px 23px;color:#376b96;font:19px/1.35 Georgia,serif;margin-top:18px}.speech-lines{display:flex;gap:7px;margin-top:18px}.speech-lines i{height:5px;border-radius:5px;background:#dceaf5;width:35px}.speech-lines i:nth-child(2){width:75px}.speech-bottom{font-size:8px;letter-spacing:1.8px;color:#a2b6c7;margin-top:12px}.library-disclaimer{font-size:11px;color:#a4b3c0;text-align:center;line-height:1.8;margin:34px auto 0}.experience-section{background:linear-gradient(130deg,#e9f3fc,#f8fbff 50%,#e5f1fc);margin:15px 0 0;padding:110px 0 120px;text-align:center}.experience-inner h2{font-size:clamp(40px,4.5vw,66px);font-weight:650;line-height:1.25;letter-spacing:-2px;color:#234865;margin:24px 0}.experience-inner h2 span{color:#8caecb}.experience-inner>p{color:#718aa0;font-size:14px;line-height:2.1}.experience-tags{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}.experience-tags span{padding:14px 22px;border-radius:999px;background:#fff9;border:1px solid #e0ebf4;color:#4e7899;font-size:12px}.premium-home .closing{margin-top:80px}.premium-home .home-nav{gap:35px}
@media(max-width:1050px){.study-intro-top{grid-template-columns:1fr 2fr}.study-intro-top>p{grid-column:2}.subject-text{padding:36px 30px 0}.subject-text h3{font-size:34px}.subject-panel{min-height:525px}.study-demo{width:85%}}
@media(max-width:760px){.premium-home .study-intro{padding:65px 0}.study-intro-top{display:block;margin-bottom:35px}.study-intro-top h2{font-size:38px;margin:19px 0}.study-intro-top>p{font-size:12px}.subject-showcase{grid-template-columns:1fr;gap:15px}.subject-panel{min-height:490px;border-radius:22px}.subject-text{padding:32px 27px 0}.subject-text h3{font-size:34px;margin:17px 0 12px}.subject-text p{font-size:12px}.subject-points{margin-top:15px}.study-demo{margin-top:21px;height:200px;width:82%}.demo-paper{padding:13px 18px}.demo-annotation{font-size:9px;padding:8px}.writing-page{padding:17px}.experience-section{padding:75px 0}.experience-inner h2{font-size:38px}.experience-inner>p{font-size:12px}.experience-tags{gap:8px}.experience-tags span{padding:11px 14px}.premium-home .closing{margin-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.subject-panel,.study-demo{transition:none!important}}
/* V2.3 paired IELTS documents */
.paired-head{margin-top:38px}.paired-doc{border:1px solid #cbdfee;background:linear-gradient(160deg,#fff,#f1f8ff)}.pair-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.pair-preview span:not(.pair-arrow){border:1px solid #d6e5f1;border-radius:9px;padding:10px 12px;color:#46749c;background:#fff;font-size:12px}.pair-arrow{color:#80a5c4}.pair-management{border:1px solid #cadff1!important;background:linear-gradient(125deg,#fff,#f8fbff)}.reader-panel .pane-select:disabled{opacity:1;color:#245b89;font-weight:600;cursor:default}

/* V2.4: tighter first-fold spacing, unmissable logout and clear study states */
@media(min-width:721px){.premium-home .hero{min-height:590px!important;padding-top:0!important}.premium-home .hero-left{padding-top:0!important;padding-bottom:15px!important}.premium-home .hero-right{transform:translateY(-20px)}.premium-home .study-intro{padding-top:64px}}
.side-logout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:18px!important;padding:13px 16px!important;border:1px solid rgba(255,255,255,.56)!important;border-radius:10px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:14px!important;font-weight:650!important;transition:background .2s,transform .2s}
.side-logout:hover,.side-logout:focus-visible{background:#fff!important;color:#255b8e!important;transform:translateY(-1px)}
.study-marks{display:flex;gap:8px;margin:10px 0 0;flex-wrap:wrap}.study-marks button{border:1px solid #d1e0ec;border-radius:999px;background:#fff;color:#416b91;padding:8px 12px;font-size:12px}.study-marks button.selected{background:#e3f2ff;border-color:#78aed5;color:#175689;font-weight:650}.study-marks button:disabled{opacity:.5}.doc-badges{display:flex;gap:6px;margin-top:8px}.doc-badges span{background:#e9f3fc;color:#2e6895;border-radius:6px;padding:3px 8px;font-size:11px}
.reader-buttons button.selected{background:#dceffd;color:#14588e;border-color:#84b2d7}.activity-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.activity-summary>div{background:#f4f9fe;border-radius:10px;padding:16px}.activity-summary strong{display:block;font-size:22px}.activity-summary small{color:#66859f}.table-actions .danger-action{border-color:#edced0;color:#a34450}
@media(max-width:720px){.activity-summary{grid-template-columns:1fr}.reader-head{flex-wrap:wrap}.reader-buttons{flex-wrap:wrap}}

/* V2.4.1 logout contrast fix: solid button with dark label */
.sidebar .side-bottom #logoutBtn.side-logout{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-height:48px!important;
  background:#ffffff!important;color:#174a78!important;
  border:2px solid #ffffff!important;border-radius:11px!important;
  font-size:15px!important;font-weight:750!important;letter-spacing:.025em!important;
  opacity:1!important;visibility:visible!important;
  box-shadow:0 4px 18px rgba(9,40,72,.18)!important;
  cursor:pointer!important;
}
.sidebar .side-bottom #logoutBtn.side-logout span{color:#174a78!important;font-size:20px!important;line-height:1!important}
.sidebar .side-bottom #logoutBtn.side-logout:hover,
.sidebar .side-bottom #logoutBtn.side-logout:focus-visible{
  background:#e4f2ff!important;color:#0b3760!important;
  border-color:#c4e2fa!important;outline:2px solid #ffffff!important;outline-offset:3px;
}

/* LEMON portal icon size fix */
#landing .portal-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 16px !important;
}

#landing .portal-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  text-decoration: none !important;
}

#landing .portal-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  display: grid !important;
  place-items: center !important;
}

#landing .portal-icon svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
}

@media (max-width: 760px) {
  #landing .portal-grid {
    grid-template-columns: 1fr !important;
  }
}

/* LEMON portal final layout */
#landing .lemon-portal .portal-heading p {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  color: #71869d !important;
  margin: 0 !important;
}

#landing .lemon-portal .portal-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 18px !important;
}

#landing .lemon-portal .portal-grid .portal-card {
  appearance: none !important;
  -webkit-appearance: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 220px !important;
  padding: 25px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  background: linear-gradient(135deg,rgba(255,255,255,.85),rgba(207,230,255,.65)) !important;
  box-shadow: inset 0 1px 0 #fff,0 12px 32px rgba(57,111,166,.12) !important;
  color: #173b60 !important;
  text-align: left !important;
  text-decoration: none !important;
  font: inherit !important;
  cursor: pointer !important;
  overflow: hidden !important;
  backdrop-filter: blur(22px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(170%) !important;
}

#landing .lemon-portal .portal-card .portal-tag {
  font-size: 10px !important;
  color: #6892b8 !important;
  letter-spacing: .12em !important;
  margin-bottom: 9px !important;
}

#landing .lemon-portal .portal-card strong {
  font-size: 21px !important;
  line-height: 1.4 !important;
  color: #173b60 !important;
}

#landing .lemon-portal .portal-card small {
  font-size: 12px !important;
  line-height: 1.7 !important;
  color: #6c849d !important;
}

#landing .lemon-portal .portal-card .portal-arrow {
  position: absolute !important;
  right: 22px !important;
  bottom: 20px !important;
  font-size: 19px !important;
  color: #347cb5 !important;
}

@media(max-width:760px) {
  #landing .lemon-portal .portal-grid {
    grid-template-columns: 1fr !important;
  }
  #landing .lemon-portal .portal-grid .portal-card {
    min-height: 170px !important;
  }
}