*{margin:0;padding:0;box-sizing:border-box}
        :root{
            --primary:#4F46E5;
            --primary-dark:#4338CA;
            --text-dark:#1E293B;
            --text-medium:#475569;
            --text-light:#94A3B8;
            --bg-white:#FFFFFF;
            --bg-gray:#F8FAFC;
            --border:#E2E8F0;
        }
        body{
            font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;
            color:var(--text-dark);
            line-height:1.7;
            background:var(--bg-white);
            -webkit-font-smoothing:antialiased;
            -webkit-text-size-adjust:100%;
        }
        /* Top bar */
        .topbar{
            position:sticky;
            top:0;
            background:rgba(255,255,255,0.95);
            backdrop-filter:blur(8px);
            border-bottom:1px solid var(--border);
            z-index:100;
        }
        .topbar-inner{
            max-width:720px;
            margin:0 auto;
            padding:14px 20px;
            display:flex;
            align-items:center;
            justify-content:space-between;
        }
        .brand{
            display:flex;
            align-items:center;
            gap:8px;
            text-decoration:none;
            color:var(--text-dark);
            font-weight:600;
            font-size:16px;
        }
        .brand:hover{color:var(--primary)}
        .back-link{
            text-decoration:none;
            color:var(--primary);
            font-weight:500;
            font-size:14px;
        }
        .back-link:hover{color:var(--primary-dark)}

        /* Content */
        .page{
            max-width:720px;
            margin:0 auto;
            padding:40px 20px 64px;
        }
        .doc-title{
            font-size:32px;
            font-weight:700;
            line-height:1.3;
            margin-bottom:8px;
        }
        .doc-meta{
            color:var(--text-light);
            font-size:14px;
            margin-bottom:32px;
        }
        .doc-intro{
            font-size:16px;
            color:var(--text-medium);
            margin-bottom:40px;
        }

        section{margin-bottom:40px}
        section h2{
            font-size:20px;
            font-weight:600;
            margin-bottom:14px;
            padding-bottom:10px;
            border-bottom:1px solid var(--border);
        }
        section p{
            font-size:15px;
            color:var(--text-medium);
            margin-bottom:14px;
        }
        section p strong{color:var(--text-dark)}
        section ul{
            list-style:none;
            padding:0;
            margin-bottom:14px;
        }
        section ul li{
            font-size:15px;
            color:var(--text-medium);
            padding-left:20px;
            position:relative;
            margin-bottom:10px;
        }
        section ul li::before{
            content:"";
            position:absolute;
            left:4px;
            top:10px;
            width:6px;
            height:6px;
            border-radius:50%;
            background:var(--primary);
        }
        section ul li strong{color:var(--text-dark)}

        /* Highlight box */
        .highlight{
            background:var(--bg-gray);
            border:1px solid var(--border);
            border-left:4px solid var(--primary);
            border-radius:8px;
            padding:18px 20px;
            margin-bottom:20px;
        }
        .highlight p{
            margin:0;
            color:var(--text-dark);
            font-size:15px;
        }

        /* Permission item */
        .perm{
            border:1px solid var(--border);
            border-radius:10px;
            padding:16px 18px;
            margin-bottom:12px;
        }
        .perm-head{
            display:flex;
            align-items:baseline;
            gap:8px;
            flex-wrap:wrap;
            margin-bottom:6px;
        }
        .perm-name{
            font-weight:600;
            font-size:15px;
            color:var(--text-dark);
        }
        .perm-code{
            font-family:'SF Mono',Monaco,Consolas,monospace;
            font-size:13px;
            color:var(--primary);
            background:rgba(79,70,229,0.08);
            padding:2px 8px;
            border-radius:4px;
        }
        .perm-required{
            font-size:12px;
            font-weight:500;
            padding:2px 8px;
            border-radius:100px;
        }
        .required{background:rgba(16,185,129,0.12);color:#059669}
        .optional{background:rgba(245,158,11,0.12);color:#B45309}
        .perm p{
            font-size:14px;
            color:var(--text-medium);
            margin:0;
        }

        /* Feature list */
        .hw-item{
            padding:14px 0;
            border-bottom:1px solid var(--border);
        }
        .hw-item:last-child{border-bottom:none}
        .hw-item strong{
            display:block;
            color:var(--text-dark);
            font-size:15px;
            margin-bottom:4px;
        }
        .hw-item span{
            font-size:14px;
            color:var(--text-medium);
        }

        .doc-footer{
            margin-top:48px;
            padding-top:24px;
            border-top:1px solid var(--border);
            text-align:center;
            color:var(--text-light);
            font-size:13px;
        }

        @media (max-width:480px){
            .doc-title{font-size:26px}
            section h2{font-size:18px}
            .perm{padding:14px}
        }