:root{--primary:#10c7b7;--primary-dark:#06ad9f;--blue:#2099f2;--ink:#171a1f;--muted:#6f747d;--line:#e8ecef;--soft:#f6f7f8;--panel:#fff;--shadow:0 18px 50px #1a263a14}*{box-sizing:border-box}html,body{min-width:1200px;min-height:100%;color:var(--ink);background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh;padding-left:88px}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;align-items:center;width:88px;padding:20px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand-mark{color:#fff;background:linear-gradient(135deg,#12c8b8,#1f8cff);border-radius:15px;place-items:center;width:58px;height:38px;font-size:24px;font-weight:800;display:grid;box-shadow:0 12px 26px #12c8b847}.brand-mark.large{border-radius:20px;width:78px;height:78px;margin:0 auto 12px;font-size:38px}.side-nav{flex-direction:column;gap:7px;width:100%;margin-top:28px;display:flex}.side-nav-item{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:64px;font-size:13px;display:flex}.side-nav-item.active{color:#1598e6;background:#eaf6ff}.side-icon{font-size:24px;line-height:1}.top-nav{border-bottom:1px solid var(--line);z-index:10;background:#fffffff5;justify-content:space-between;align-items:center;height:66px;padding:0 54px;display:flex;position:sticky;top:0}.main-tabs{gap:48px;font-size:20px;font-weight:600;display:flex}.main-tabs span{color:#2f3338;place-items:center;height:66px;display:grid}.main-tabs .selected{color:#111;border-bottom:3px solid var(--primary)}.top-actions{color:#555;align-items:center;gap:34px;font-size:17px;display:flex}.top-actions strong{color:#d79500}.avatar{color:#fff;background:linear-gradient(135deg,#10c7b7,#247df8);border-radius:50%;place-items:center;width:40px;height:40px;display:inline-grid}.home-main{max-width:1760px;margin:0 auto;padding:108px 78px 70px}.home-hero h1{letter-spacing:-.04em;margin:0 0 22px;font-size:42px}.hero-subtitle{color:var(--muted);margin:0 0 48px;font-size:20px}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.featured-card{background:var(--soft);border-radius:24px;min-height:330px;padding:34px}.featured-card h2{margin:0 0 18px;font-size:27px}.featured-card p{color:#74777e;margin:0 0 28px;font-size:18px}.window-art{border-radius:18px;place-items:center;height:205px;display:grid}.paper-window{background:#fff;border:18px solid #ffffffb8;border-radius:18px;width:166px;height:166px;padding:42px 26px;position:relative;box-shadow:0 8px 22px #00000021}.dot{border-radius:50%;width:10px;height:10px;position:absolute;top:26px}.dot.red{background:#ff5a63;left:38px}.dot.yellow{background:#ffc21f;left:56px}.dot.green{background:#11c76d;left:74px}.paper-window i{background:#dfe2e8;border-radius:999px;width:86px;height:10px;margin-bottom:12px;display:block}.paper-window i:nth-of-type(3){width:54px}.prompt-box{color:#858990;background:#fff;border:2px solid #e2e5e9;border-radius:34px;align-items:center;max-width:980px;height:68px;margin:94px 0 24px;padding-left:34px;font-size:21px;display:flex}.hot-row{color:#60656d;align-items:center;gap:16px;margin-left:210px;display:flex}.hot-row span{color:#04bda8;background:#e8faf6;border-radius:999px;padding:11px 24px;font-weight:700}.market-section{border-top:1px solid var(--line);margin-top:118px;padding-top:46px;position:relative}.category-tabs{gap:58px;display:flex}.category-tabs button{color:#555;cursor:default;background:0 0;border:0;font-size:19px}.category-tabs .active{color:var(--primary);font-weight:800}.market-count{color:#999;font-size:16px;position:absolute;top:42px;right:0}.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:58px;display:grid}.skill-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-height:282px;padding:28px 26px 24px;transition:transform .2s,box-shadow .2s;display:flex}.skill-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.skill-card-head{align-items:center;gap:16px;display:flex}.skill-icon{color:#fff;border-radius:15px;flex:none;place-items:center;width:56px;height:56px;font-size:24px;font-weight:900;display:grid}.skill-card h3{margin:0;font-size:22px;line-height:1.2}.skill-card p{color:#6f747d;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:70px;margin:22px 0 18px;font-size:17px;line-height:1.55;display:-webkit-box;overflow:hidden}.tag-row{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px;margin-top:auto;padding-bottom:18px;display:flex}.tag-row span{color:#6b6f76;background:#f5f5f5;border-radius:999px;padding:7px 14px}.card-foot{justify-content:space-between;align-items:center;padding-top:18px;display:flex}.heat{color:#8c9098;font-size:18px}.primary-small,.ghost-small{border:0;border-radius:13px;padding:12px 22px;font-size:17px;font-weight:800}.primary-small{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark))}.ghost-small{color:var(--primary-dark);background:#e9fbf6}.download-panel{z-index:15;background:#fff;border-radius:24px;width:420px;padding:42px 32px 32px;position:fixed;bottom:42px;right:42px;box-shadow:0 18px 60px #26324329}.float-brand{color:#fff;background:linear-gradient(135deg,#10c7b7,#2887ff);border:0;border-radius:50%;width:72px;height:72px;font-size:32px;font-weight:800;position:absolute;top:-24px;right:-22px;box-shadow:0 10px 24px #1585e859}.download-panel h2{margin:0 0 22px;font-size:25px}.download-panel p{color:#666;margin:0 0 26px;font-size:18px;line-height:1.5}.desktop-card{text-align:center;color:#555;background:#eefbff;border-radius:18px;padding:26px;font-size:17px}.download-button{color:#fff;background:linear-gradient(135deg,#10c7b7,#1f8cff);border:0;border-radius:17px;width:100%;height:64px;margin-top:24px;font-size:22px;font-weight:800}.footer-links{border-top:1px solid var(--line);text-align:center;color:#888;margin-top:120px;padding-top:52px;font-size:16px;line-height:2.2}.breadcrumb{color:#666;align-items:center;gap:20px;font-size:17px;display:flex}.breadcrumb strong{color:#1b1f26}.detail-main{grid-template-columns:minmax(0,1fr) 420px;gap:46px;max-width:1680px;margin:0 auto;padding:54px 54px 0;display:grid}.detail-header-card{border-bottom:1px solid var(--line);padding:34px 280px 38px 0;position:relative}.detail-title-row{gap:30px;display:flex}.detail-name-row{align-items:center;gap:14px;display:flex}.detail-name-row h1{letter-spacing:-.04em;margin:0;font-size:38px}.badge{border-radius:8px;padding:8px 12px;font-weight:800}.badge.green{color:#08a98f;background:#e8fbf5}.badge.warm{color:#e87812;background:#fff2e2}.meta-line{color:#74777e;font-size:17px}.detail-summary{color:#555b63;max-width:940px;font-size:18px;line-height:1.5}.detail-tags{gap:14px;margin:46px 0 0 120px;display:flex}.detail-tags span{color:#777;background:#f5f5f5;border-radius:999px;padding:12px 21px}.detail-actions{flex-direction:column;gap:16px;display:flex;position:absolute;top:42px;right:0}.primary-cta{color:#fff;background:linear-gradient(135deg, var(--primary), var(--blue));border:0;border-radius:15px;width:230px;height:58px;font-size:19px;font-weight:800;box-shadow:0 12px 28px #10c7b747}.save-button{border:1px solid var(--line);color:#777;background:#fff;border-radius:13px;align-self:flex-end;width:150px;height:50px}.detail-tabs{border-bottom:1px solid var(--line);color:#555;align-items:center;gap:58px;height:66px;font-size:19px;display:flex}.detail-tabs .active{color:var(--primary-dark);font-weight:800}.detail-block{margin-top:42px}.detail-block h2{border-left:5px solid var(--primary);padding-left:14px;font-size:25px;font-weight:500}.intro-box{background:var(--soft);color:#5b616b;border-radius:20px;margin-top:22px;padding:38px;font-size:18px;line-height:1.75}.capability-list{margin-top:30px}.capability-item{border-bottom:1px solid var(--line);gap:22px;padding:22px 0;display:flex}.capability-item>span{background:#edf8ff;border-radius:13px;place-items:center;width:50px;height:50px;font-size:24px;display:grid}.capability-item h3{margin:0 0 8px;font-size:20px}.capability-item p{color:#737780;margin:0;font-size:17px}.preview-box{border:1px solid var(--line);border-radius:20px;margin-top:24px;padding:28px}.preview-tabs{align-items:center;gap:28px;height:42px;display:flex}.preview-tabs b,.preview-tabs button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 22px}.slide-mock{border:1px solid var(--line);background:linear-gradient(#fff,#f7fbff);border-radius:16px;grid-template-columns:1fr 1fr;gap:28px;height:360px;margin-top:26px;padding:90px 120px;display:grid;position:relative}.slide-mock i{background:#f1f3f6;border-radius:12px;height:78px}.slide-mock strong{color:#bec3cb;position:absolute;top:86px;right:120px}.example-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.example-grid article{border:1px solid var(--line);border-radius:16px;padding:26px}.example-grid small{color:var(--primary-dark)}.example-grid p{border-left:4px solid var(--primary);color:#333;padding-left:16px;line-height:1.55}.example-grid b{color:#777;font-size:15px}.review-list article{border-bottom:1px solid var(--line);gap:20px;padding:24px 0;display:flex}.review-avatar{color:#fff;background:#4f7cff;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.review-list h3{margin:0 0 12px}.review-list h3 span{float:right;color:#ffbf22}.review-list p{color:#555b63;margin:0;line-height:1.65}.detail-sidebar{flex-direction:column;gap:26px;padding-top:360px;display:flex}.side-card{background:var(--soft);border-radius:20px;padding:30px}.side-card h2{margin:0 0 24px;font-size:22px;font-weight:500}.developer-row{align-items:center;gap:16px;display:flex}.dev-logo{background:var(--primary);color:#fff;border-radius:14px;place-items:center;width:58px;height:58px;font-size:24px;font-weight:900;display:grid}.developer-row p{color:#777;margin:6px 0 0}.developer-card button{border:1px solid var(--primary);width:100%;height:44px;color:var(--primary-dark);background:#fff;border-radius:10px;margin-top:24px;font-weight:800}.stat-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat-grid div{background:#fff;border-radius:10px;place-items:center;height:104px;display:grid}.stat-grid b{color:#4285ff;font-size:29px}.stat-grid span{color:#999}.version-card p{color:#8a8e96;border-bottom:1px solid #e0e3e8;justify-content:space-between;padding-bottom:15px;display:flex}.version-card strong{color:#20242b}.quick-input{border:1px solid var(--line);color:#777;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;height:62px;padding-left:20px;display:flex}.quick-input button{color:#fff;background:var(--primary);border:0;border-radius:10px;width:38px;height:38px;margin-right:12px}.recommend-card a{background:#fff;border-radius:12px;align-items:center;gap:14px;margin-bottom:14px;padding:16px;display:flex}.recommend-card .skill-icon{border-radius:12px;width:44px;height:44px;font-size:18px}.recommend-card span{flex:1;font-weight:700}.recommend-card small{color:#999;margin-top:4px;font-weight:400;display:block}.detail-footer{margin-left:142px;margin-right:54px}